.mod18Box { margin: 0px auto; width: 270px; margin-top:30px; background: #FFF;  }
.mod18{ width: 270px; height: 315px; margin: 0px auto; position: relative;   }
.mod18 .btn{position:absolute;width:15px;height:74px;top:256px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold; }
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:100px;width:30px;height:31px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 #prevTop1,.mod18 #nextTop1{top:100px;width:30px;height:31px;}
.mod18 #prevTop1{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop1{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 #prevTopa,.mod18 #nextTopa{top:100px;width:30px;height:31px;}
.mod18 #prevTopa{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTopa{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 #prevTopb,.mod18 #nextTopb{top:100px;width:30px;height:31px;}
.mod18 #prevTopb{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTopb{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:270px;height:330px;position:absolute;color:#fff;}
.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:250px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:250px;position:absolute; background-color:#0F0}
.mod18 .picBox li{width:270px;height:250px; margin:0; padding:0;}
.mod18 .listBox{ width:270px; height:74px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:74px;position:absolute;}
.mod18 .listBox li{width:57px;height:74px;cursor:pointer;position:relative; }
.mod18 .listBox li i{display:none; margin:0; padding:0;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:70px;height:70px;}
.mod18 .listBox .on img{width:70px;height:70px;border:2px solid #ff6600;}
.mod18 .listBox .on i{display:block;}