.mod18{width: 600px;height: 683px;margin:0 auto;position:relative;background:#f7f7f7;}

.mod18 .btn{position:absolute;width:30px;height:30px;top:300px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}


.mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px;}

.mod18 #prevTop{left:0;background:url(../image/prevBtnTop.png) right 0 no-repeat;}
.mod18 #nextTop{right:0;background:url(../image/nextBtnTop.png) 0 0 no-repeat;}

.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width: 600px;height:450px;position:absolute;color:#fff;}
.mod18 .cf li span{display:none;width:600px;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{width: 600px;height: 450px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height: 650px;position:absolute;}
.mod18 .picBox li{width:600px;height: 450px;}
.mod18 .picBox li img{width: 600px;height:450px;}
.mod18 .listBox{width: 600px;height: 210px;/* margin: -15px auto; */position:relative;/* padding: 3px 0 10px; */overflow:hidden;margin-top: -111px;}
.mod18 .listBox ul{height: 79px;position:absolute;z-index:10000;margin-top: -124px;}
.mod18 .listBox li{width: 85px;height: 80px;cursor:pointer;position:relative;z-index:10000;margin-top: 61px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:120px;height:90px;  }
.mod18 .listBox li img{width: 80px;height: 77px;border:3px solid #E8E9ED;}
.mod18 .listBox .on img{border:3px solid #FBAE10;}
.mod18 .listBox .on i{display:block;}