@charset "utf-8";
.rollBox { OVERFLOW: hidden;}
.rollBox .LeftBotton {DISPLAY: inline; BACKGROUND: url(../Img/LeftBtn.jpg) no-repeat left center; FLOAT: left; OVERFLOW: hidden; WIDTH:30px; CURSOR: pointer;  height:130px;}
.rollBox .RightBotton {DISPLAY: inline; BACKGROUND: url(../Img/RightBtn.jpg) no-repeat right center; FLOAT:right; OVERFLOW: hidden; WIDTH:30px; CURSOR: pointer;  height:130px;}
.rollBox .Cont {DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; WIDTH:880px;}
.rollBox .ScrCont {WIDTH: 10000000px}
.recommend-pic-item {DISPLAY: inline; float:left; WIDTH:166px; text-align:center; padding:0 5px;}
.recommend-pic-item a:link,.recommend-pic-item a:visited{ display:block; color:#000; background:#fff; position:relative; width:166px; height:130px;}
.recommend-pic-item a:hover{ background:#008cd2; color:#fff;}
.recommend-pic-item .pic { position:absolute; top:0; left:0;}
.recommend-pic-item .pic IMG { display:block; WIDTH:166px; height:130px;}
.recommend-pic-item .title {OVERFLOW: hidden; line-height:25px; text-overflow:ellipsis; white-space:nowrap; background:#000; color:#fff; position:absolute; bottom:0; left:0; width:100%; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
.rollBox #List1 {FLOAT: left}
.rollBox #List2 {FLOAT: left}