.gstoll { width:1000px; height:350px; margin:0 auto; }
.l_but { width:19px; height:19px; background:url(images/cel_but.jpg) no-repeat; float:left; cursor:pointer; position:absolute; margin:-180px 0 0 957px; }
.stoll_c { width:1000px; height:148px; overflow:hidden; margin:20px 0 0; }
.stoll_c li { width:238px; float:left; height:148px; margin:0 16px 0 0; overflow:hidden; }
.stoll_c li img { width:238px; height:148px; }
.stoll_c li h1 { width:238px; height:148px; line-height:148px; text-align:center; font-size:16px; background:rgba(0,0,0,0.6) no-repeat; }
.stoll_c li h1 a { color:#fff; font-weight:normal; }
.stoll_c li a { width:238px; float:left; height:148px; }
.stoll_c li a:hover { width:238px; float:left; height:148px; color:#fff; text-decoration:none; }
.stoll_c li a:hover h1 { position:relative; margin:-152px 0 0; -moz-transition:all .8s; }
.r_but { width:19px;height:19px; background:url(images/cer_but.jpg) no-repeat; float:left; cursor:pointer; position:absolute; margin:-180px 0 0 981px; }
.cstoll { display:none; }

@media screen and (max-width:1000px) {

.gstoll { display:none; }
.cstoll { display:block; margin:0 8px; }
.cstoll li { width:23%; height:auto; margin:0 1%; float:left; }
.cstoll li img { width:100%; height:auto; }
.cstoll li h1 { width:100%; height:20px; line-height:20%; text-align:center; padding:10px 0 0; font-size:16px; font-weight:normal; }
.cstoll li a:hover { width:100%; height:auto; float:left; }
.cstoll li a { width:100%; height:auto; float:left; color:#2fa3d4; }

}


@media screen and (max-width:500px) {

.cstoll li { width:32%; margin:0 0.5%; }

}

@media screen and (max-width:320px) {

.cstoll li { width:48%; margin:0 1%; }

}