.mod18{ width: 1188px; height: 596px; margin: 0px auto; position: relative; }
.mod18 .btn{position:absolute;width:23px;height:48px;top:505px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:30px;background:url(../img/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:0px;height:48px;}
.mod18 #prevTop{left:70px; background:url(../img/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{right:70px; background:url(../img/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:30px;background:url(../img/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:662px;height:450px;position:absolute;color:#fff; text-align:center;}
.mod18 .cf a img { width:662px; max-height:450px; }
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;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{height:450px;width:662px; position:relative;overflow:hidden; margin:0 auto; }
.mod18 .picBox ul{height:450px;position:absolute;}
.mod18 .picBox li{width:662px;height:450px;}
.mod18 .listBox{ width: 1062px; height: 136px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:132px;position:absolute;}
.mod18 .listBox li{width:198px;height:130px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:198px;height:130px;}
.mod18 .listBox li img{width:196px;height:130px;}
.mod18 .listBox .on img{width:190px;height:124px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}