.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:middle
}
.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:1em;
	letter-spacing:.005em;
	line-height:1.5;
	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
}
.work-item h1:before {
	display:none
}
.work-item h2 {
	cursor:pointer;
	font-size:1.875em;
	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 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:420px) {
	.work-item .content {
	padding:0 100px
}
.work-item h1 {
	font-size:1.25em
}
.work-item h2 {
	font-size:2.375em
}
}

@media screen and (min-width:769px) {
	.work-list article {
	float:left;
	width:50%
}
.work-list .work-item h1 {
	font-size:1em
}
.work-list .work-item h2 {
	font-size:1.875em
}
}@media screen and (min-width:1000px) {
	.work-list .work-item .content {
	padding:0 100px
}
.work-list .work-item h1 {
	font-size:1.375em
}
.work-list .work-item h2 {
	font-size:2.625em
}
}.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
}