.talk-item {
	cursor:pointer;
	display:block;
	padding:20px 20px 70px;
	position:relative;
	margin:0 0 40px;
	min-height:200px;
	-webkit-transition:background-color .3s,color .3s;
	transition:background-color .3s,color .3s;
	width:100%
}
.no-flexbox .talk-item {
	min-height:130px
}
.talk-item:after {
	background-color:#000;
	content:"";
	display:block;
	height:2px;
	left:0;
	position:absolute;
	bottom:0;
	width:100%
}
.talk-item h2 {
	font-size:24px;
	line-height:36px;
	margin:0
}
.talk-item h2 a {
	color:#000;
	-webkit-transition:color .3s;
	transition:color .3s
}
.talk-item .meta {
	font-size:14px;
	display:block;
	line-height:36px
}
.talk-item .speaker {
	bottom:8px;
	display:block;
	font-size:11px;
	left:20px;
	letter-spacing:.2em;
	line-height:12px;
	position:absolute;
	text-transform:uppercase
}
.no-touch .talk-item:hover {
	background-color:#000;
	color:#FFF;
	-webkit-transition:all .4s ease!important;
	transition:all .4s ease!important
}
.no-touch .talk-item:hover h2 a {
	color:#FFF
}
.work-item {
	background-color:#000;
	cursor:pointer;
	float:left;
	overflow:hidden;
	position:relative;
	width:100%
}
.work-item .content {
	background-color:rgba(0,0,0,0);
	bottom:0;
	color:#FFF;
	height:100%;
	left:0;
	padding:0 30px;
	pointer-events:none;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition:background-color .4s;
	transition:background-color .4s;
	width:100%
}
.work-item .content>div {
	display:table;
	height:100%
}
.work-item .content>div>div {
	display:table-cell;
	vertical-align:top
}
.work-item .content a {
	color:#FFF
}
.no-csstransitions .work-item .content {
	display:none
}
.no-csstransitions.no-touch .work-item:hover .content {
	background:0 0;
	display:block;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65000000, endColorstr=#65000000)
}
.work-item h1 {
	cursor:pointer;
	font-size:1.875em;
	letter-spacing:.005em;
	line-height:1.5;
	font-weight: 600;
	margin:0;
	opacity:0;
	padding:0;
	position:relative;
	text-transform:none;
	-webkit-transform:translate(0,15px);
	-ms-transform:translate(0,15px);
	transform:translate(0,15px);
	-webkit-transition:-webkit-transform .4s,opacity .4s;
	transition:transform .4s,opacity .4s;
	margin-bottom: 0.8em;
}
.work-item h1:before {
	display:none
}
.work-item h2 {
	cursor:pointer;
	font-size:1em;
	letter-spacing:.01em;
	line-height:1.2;
	margin:0 0 0 -2px;
	opacity:0;
	-webkit-transform:translate(0,15px);
	-ms-transform:translate(0,15px);
	transform:translate(0,15px);
	-webkit-transition:-webkit-transform .4s,opacity .4s;
	transition:transform .4s,opacity .4s
}
.work-item h2:before {
	display:none
}
.work-item img {
	float:left;
	height:auto;
	max-width:100%;
	width:100%;
	-webkit-transition:opacity .4s,-webkit-transform .4s;
	transition:opacity .4s,transform .4s
}
.no-touch .work-item:hover img {
	-webkit-transform:scale(1.03,1.03)!important;
	-ms-transform:scale(1.03,1.03)!important;
	transform:scale(1.03,1.03)!important
}
.no-touch .work-item:hover .content {
	background-color:rgba(0,0,0,.65)
}
.no-touch .work-item:hover h1,.no-touch .work-item:hover h2 {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	opacity:1
}
.no-touch .work-item:hover h2 {
	-webkit-transition:-webkit-transform .4s .2s,opacity .4s .2s;
	transition:transform .4s .2s,opacity .4s .2s
}
.js.no-touch.csstransitions .work-item[data-show=on-scroll] {
	opacity:0;
	-webkit-transform:translate(0,80px);
	-ms-transform:translate(0,80px);
	transform:translate(0,80px);
	-webkit-transition:opacity .6s .1s,-webkit-transform .6s;
	transition:opacity .6s .1s,transform .6s
}
.js.no-touch.csstransitions .work-item.in-view {
	opacity:1;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0)
}
@media screen and (min-width:300px) {
	.work-item .content {
		padding:10px 30px;
	}
	.work-item h1 {
		font-size:1em;
	}
	.work-item h2 {
		font-size:.7em;
	}
}
@media screen and (min-width:420px) {
	.work-list article {
		float:left;
	}
	.work-item .content {
	padding:50px
}
.work-item h1 {
	font-size:1.3em;
}
.work-item h2 {
	font-size:1em;
}
}

@media screen and (min-width:769px) {
	.work-list article {
	float:left;
	width:50%
}
	.work-item img {
		min-height: 300px;
	}
.work-list .work-item h1 {
	font-size:1em
}
.work-list .work-item h2 {
	font-size:.8em
}
}
@media screen and (min-width:1000px) {
	.work-list article {
		float: left;
		width: 33.3%;
	}

	.work-list .work-item .content {
		padding: 40px
	}
	.work-item img {
		min-height: 350px;
	}
	.work-list .work-item h1 {
		font-size: 1.35em

	}

	.work-list .work-item h2 {
		font-size: 1em
	}
}
}.work-article {
	padding:76px 0 0
}
.work-article .related-work {
	display:none
}
.full-btn {
  background-color: #FFF;
  border: none;
  color: #181818;
  cursor: pointer;
  display: block;
  font-size:14px;
  margin: 0;
  outline: 0!important;
  padding: 38px;
  text-align: center;
  width: 100%;
  font-family:guoshi, "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif
}