.mod18Box { float:left; width: 960px; text-align:left; position:relative; z-index:100;}
.mod18{ width: 960px; height: 765px; margin: 0px auto; position: relative;}

.mod18 .btn{position:absolute;width:20px;height:38px;top:691px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:90px;background:url(../images/renderingde6.jpg) no-repeat;}
.mod18 .next{right:90px;background:url(../images/renderingde7.jpg) no-repeat;}

.mod18 li{float:left;}
.mod18 .cf{left:0;}
.mod18 .cf li{position:relative;}
.mod18 .cf a{display:block;width:960px;height:631px;position:absolute;color:#fff;}
.mod18 .picBox{height:631px;position:relative;overflow:hidden; left:0;}
.mod18 .picBox ul{height:631px;position:absolute; left:0;}
.mod18 .picBox li{width:960px;height:631px;}

.mod18 .listBox{ width: 700px; height: 119px; margin: 0 auto; position: relative; overflow: hidden; margin-top:15px; background:#e6e6e6; z-index:100;}
.mod18 .listBox ul{position:absolute; width:700px; height:88px; overflow:hidden; top:15px;}
.mod18 .listBox li{width:131px;height:119px;cursor:pointer;position:relative; margin-left:0px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{width:89px;height:80px; border:2px solid #cccccc; padding:2px;}
.mod18 .listBox .on img{width:89px;height:80px;border:2px solid #ff0000; padding:2px;}
.mod18 .listBox .on i{display:block;}
.mod18 .cf_bg{ position:absolute; width:960px; height:119px; background:#e6e6e6; bottom:0; left:0; z-index:10;}