.mod18Box {padding: 10px;/* border: 1px solid #CCC; */margin: 0px auto;width: 1000px;background: #FFF;/* box-shadow:0px 1px 5px #CCCCCC; */} .mod18{width: 1000px;height: 637px;margin: 0px auto;position: relative;background: #f7f7f7;} .mod18 .btn{position:absolute;width:15px;height:70px;top:336px;/* 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: 265px;width:46px;height:48px;} .mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;} .mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;} .mod18 .next{right: 0px;background:url(../images/nextBtn.png) no-repeat;} .mod18 li{float:left;} .mod18 .cf li{position:relative;color:#fff;} .mod18 .cf a{display:block;width: 1000px;height:330px;position:absolute;color:#fff;} .mod18 .cf li span{display:block;width: 960px;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: 560px;position:relative;overflow:hidden;} .mod18 .picBox ul{height: 560px;position:absolute;} .mod18 .picBox li{width: 1000px;height: 560px;} .mod18 .listBox{width: 1000px;height: 70px;margin: 0 auto;position: relative;padding: 6px 0 0px;overflow: hidden;} .mod18 .listBox ul{height:100px;position:absolute;} .mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;} .mod18 .listBox li i{display:none;} .mod18 .listBox li a{display:block;width:124px;height:70px;} .mod18 .listBox li img{/* width:124px; */height:70px;} .mod18 .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;} .mod18 .listBox .on i{display:block;}