﻿.fstoll { width:890px; height:100px; overflow:hidden; margin:0 auto; }
.fstoll_c { width:890px; height:100px; }
.fstoll_c li { width:890px; height:100px; float:left; }
.fstoll_c li img { width:134px; height:94px; padding:2px; float:left; border:1px solid #ccc; margin:0 20px 0 0; }
.fstoll_c li h1 { line-height:24px; font-size:14px; }
.fstoll_c li h1 a { color:#dd0000; }
.fstoll_c li h2 { line-height:26px; font-size:12px; font-weight:normal; }
.l_butf { width:15px; height:15px; background:url(images/ia_r.png) no-repeat; cursor:pointer; position:absolute; margin:-100px 0 0; right:0; z-index:100; }
.r_butf { width:15px; height:15px; background:url(images/ia_l.png) no-repeat left center; float:left; cursor:pointer; position:absolute; margin:-100px 0 0; right:25px; z-index:100; }

@media screen and (max-width:1000px) {

.fstoll { width:100%; }
.fstoll_c { width:100%; }
.fstoll_c li { width:100%; }

}

@media screen and (max-width:480px) {

.fstoll { overflow:visible; height:auto; }
.fstoll_c { height:auto; }
.fstoll_c li { height:auto; }
.l_butf { margin:-200px 0 0; }
.r_butf { margin:-200px 0 0; }

}

@media screen and (max-width:430px) {

.l_butf { margin:-230px 0 0; }
.r_butf { margin:-230px 0 0; }

}

@media screen and (max-width:370px) {

.l_butf { margin:-280px 0 0; }
.r_butf { margin:-280px 0 0; }

}

@media screen and (max-width:360px) {

.fstoll_c li h2 { height:104px; overflow:hidden; }
.l_butf { margin:0; }
.r_butf { margin:0; }
.fstoll_c li img { width:96%; height:auto; padding:1%; float:none; margin:0; border:1% solid #ccc; }

}