.infopic{ width:700px; height:200px; position:relative; overflow:hidden; margin:15px auto;}
.piclist{ width:100%; float:left; margin-top:20px}
.piclist li{ width:253px; height:338px; margin-right:17px; float:left; overflow:hidden; margin-bottom:17px; position:relative}
.piclist li img { width:253px; height:338px;transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;}
	.nort ul li div img{ width:100%;transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;}
.piclist li img:hover{ transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2); transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;}
.nort ul li div span{ width:100%; height:30px; line-height:30px; text-align:center; display:block; bottom:-30px; position:absolute; background:#2C2B30; color:#fff; font-size:14px;transition:bottom 0.5s;-moz-transition:bottom 0.5s;-webkit-transition:bottom 0.5s;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nort ul li div:hover span{ bottom:0; transition:bottom 0.5s;-moz-transition:bottom 0.5s;-webkit-transition:bottom 0.5s;}

.piclist li

.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}

.piclist li.animated{ animation:admin 1s;-moz-animation:admin 1s;-webkit-animation:admin 1s;animation-fill-mode: forwards;}
@-webkit-keyframes admin {
0% {top: 40px;opacity:0; -moz-opacity:0; -webkit-opacity:0;}
100% {top: 0;opacity:1; -moz-opacity:1; -webkit-opacity:1;}
}
@-moz-keyframes admin {
0% {top: 40px;opacity:0; -moz-opacity:0; -webkit-opacity:0;}
100% {top: 0;opacity:1; -moz-opacity:1; -webkit-opacity:1;}
}
@keyframes admin {
0% {top: 40px;opacity:0; -moz-opacity:0; -webkit-opacity:0;}
100% {top: 0;opacity:1; -moz-opacity:1; -webkit-opacity:1;}
}