body{
	background:rgb(29,40,94);
}

#team li{
	cursor:pointer;
	float:left;
}
#team li > *{
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.565, 1);
	-moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.565, 1);/* Firefox 4 */
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.565, 1); /* Safari 和 Chrome */
	-o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.565, 1); /* Opera */
}
#team .photo{
	width:100%;
	position:relative;
	top:0;
	left:0;
	--float:left;
	transition: transform 1s;
	-moz-transition:-moz-transform 1s;
	-webkit-transition:-webkit-transform 1s;
	-o-transition:-o-transform 1s;
	transform-style: preserve-3d;
	z-index:300;
	/*backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;*/
}
#team .photo.on{
	transform: rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transition-delay:1s;
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-o-transition-delay:1s;
	
}
#team .photo img{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	float:left;
}
#team .photo img.dark{
	position:relative;
}
#team .photo img.light{
	display:none;
}
#team .info{
	background:#225db7;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:250;
	transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg); 	/* IE 9 */
	-moz-transform:rotateY(-180deg); 	/* Firefox */
	-webkit-transform:rotateY(-180deg); /* Safari 和 Chrome */
	-o-transform:rotateY(-180deg);
	transition: all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	color:#fff;
	transform-style: preserve-3d;
	/*backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;*/
}
#team .info.on{
	transition-delay:1s;
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-o-transition-delay:1s;
	transform:rotateY(0deg);
	-ms-transform:rotateY(0deg); 	/* IE 9 */
	-moz-transform:rotateY(0deg); 	/* Firefox */
	-webkit-transform:rotateY(0deg); /* Safari 和 Chrome */
	-o-transform:rotateY(0deg);
}
#team .info img{
	width:100%;
}
.hide-backface{
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

@media only screen and (min-width: 751px){
	.team-list li {
		width: 25%;
	}
	#team{
		margin-top:80px;
	}
}
@media only screen and (max-width: 750px){
	.team-list li {
		width: 50%;
	}
	#team{
		margin-top:0;
	}
}