#wrap{width:100%; margin:0 auto; padding:35px 0 45px 0;}
#wrap ul li{width:32%; float:left; margin-right:2%; margin-bottom:65px; cursor:pointer;list-style:none;position:relative;overflow:hidden;}
#wrap ul li:nth-child(3n){margin-right:0;}
#wrap ul li img{display:block;width:100%;}
#wrap ul li .cover{width:100%;height:100%;position:absolute;top:0px;left:100%;background:rgba(0,0,0,0.5);}
#wrap ul li .cover .pict{width:122px; height:122px; margin:0 auto; padding-top:25%;}
#wrap ul li .big{width:100%; height:60px; text-align:center; line-height:60px; font-size:18px; background:#555555; color:#fff;}

@-webkit-keyframes elasticInUp {
0% {
opacity:0;
-webkit-transform:translateY(1000px);
-webkit-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:translateY(10px);
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes elasticInUp {
0% {
opacity:0;
-moz-transform:translateY(1000px);
-moz-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-moz-transform:translateY(-30px);
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:translateY(10px);
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes elasticInUp {
0% {
opacity:0;
-o-transform:translateY(1000px);
-o-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-o-transform:translateY(-30px);
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:translateY(10px);
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateY(0)
}
}
@keyframes elasticInUp {
0% {
opacity:0;
transform:translateY(1000px);
animation-timing-function:ease-in-out
}
60% {
opacity:1;
transform:translateY(-30px);
animation-timing-function:ease-in-out
}
80% {
transform:translateY(10px);
animation-timing-function:ease-in-out
}
100% {
transform:translateY(0)
}
}
.elasticInUp {
	-webkit-animation-name:elasticInUp;
	-moz-animation-name:elasticInUp;
	-o-animation-name:elasticInUp;
	animation-name:elasticInUp
}


@media (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 479px) {
#wrap ul li{width:46%; margin-left:2%; margin-bottom:40px; }
#wrap ul li .big{ font-size:15px; }
}<!--ºÄʱ1758247985.4221Ãë-->