.mod18{margin:20px auto;background:#f7f7f7;}
.picBox .btn{position:absolute;width:15px;height:70px;top:17px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3;}
.picBox .btn_opacity{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.mod18 .prev{left:0;background:url(../images/Pic/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:50%; margin-top:-24px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/Pic/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/Pic/nextBtnTop.png) 0 0 no-repeat;}
.picBox .next{right:0;background:url(../images/Pic/nextBtn.png) no-repeat;}
.listBox .btn{width:15px;height:70px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3;}
.listBox .btn_opacity{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#prev{ float:left;}
#next{ float:right;background:url(../images/Pic/nextBtn.png) no-repeat;}

.mod18 .listBox .on {border:3px solid #ff6600; padding:0}
.picBox{ position:relative; margin:0 auto; width:720px;}
.bigSize li.udis{ display:none}
.bigSize li{ text-align:center}
.bigSize img{ cursor:pointer; max-height:450px; max-width:720px;}
.bigSize li.dis{ display:block}
.title{ font-size:14px; line-height:30px;font-weight:normal}

.listBox{width:723px;_width:720px;margin:12px auto;padding:6px 0 10px;overflow:hidden;}
.smallSizeBox{ width:670px; height:80px; margin:0 auto; overflow:hidden;_overflow:hidden}
.smallSize{ width:10000px;}
.smallSize li{ width:123px;height:64px; float:left;cursor:pointer;padding:3px; text-align:center; margin-bottom:10px;}
.smallSize li img{ max-width:123px; max-height:64px;}

.SSMainRight{margin-top:20px }


@media only screen and (max-width:768px){
.picBox,.listBox { width: 100%;}
.bigSize li.dis { display: block; width: 70%; margin: 0 auto;}
.bigSize img { margin: 0 auto; width: 100%; height: auto;}
.smallSizeBox { width: 90%;}

}