﻿.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(/Sites/Uploaded/Image/2014/4/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:50%; margin-top:-24px;width:46px;height:48px;}
.mod18 #prevTop{background:url(/Sites/Uploaded/Image/2014/4/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/Sites/Uploaded/Image/2014/4/nextBtnTop.png) 0 0 no-repeat;}
.picBox .next{right:0;background:url(/Sites/Uploaded/Image/2014/4/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(/Sites/Uploaded/Image/2014/4/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:810px;_width:820px;height:100px;margin:12px auto;padding:6px 0 10px;overflow:hidden;}
.smallSizeBox{ width:780px; margin:0 auto; overflow:hidden}
.smallSize{ width:1000px;}
.smallSize li{ float:left;width:123px;height:64px;cursor:pointer;padding:3px; text-align:center}
.smallSize li img{ max-width:123px; max-height:64px;}

.SSMainRight{margin-top:20px }
@media only screen and (max-width:768px){
.picBox{ width:100%;}
.smallSizeBox,.listBox{ width:85%;}
.bigSize img{max-width:100%;}
}
@media only screen and (max-width:414px){
.smallSizeBox,.listBox{ width:83%;}
}
@media only screen and (max-width:370px){
.smallSizeBox,.listBox{ width:67%;}
}

 