/* 效果CSS开始 */
.mod18{width:400px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px; display:none;}
.mod18 #prev,.mod18 #next{top:343px;width:10px;height:16px;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:400px;height:300px;position:absolute;color:#fff;}
.mod18 .cf a img{width:400px;height:300px; background-size:100%;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:400px; height:300px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:300px;position:absolute; left:0;}
.mod18 .picBox li{ padding-right:1px; width:400px;height:300px;}
.mod18 .listBox{width:321px;height:71px;margin:0 auto;position:relative; margin-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:71px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:106px;height: 71px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:92px;height: 68px;}
.mod18 .listBox img{width:92px;height: 68px;}
.mod18 .listBox .on img{border: 3px solid #1677c4;width: 89px;height: 65px;}