@charset "utf-8";
.mod18{width:900px;position:relative;border: 1px solid #444442;height: 600px; margin:0 auto;}
.mod18 .btn{position:absolute;width:26px;height:26px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url("../images/left.png") no-repeat;bottom:23px;}
.mod18 .next{right:10px;background:url("../images/right.png") no-repeat;bottom:23px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .picBox.cf li a img{ width:900px; height:600px}
.mod18 .cf a{color:#fff;}
.mod18 .cf a:hover{ text-decoration:none;}
.mod18 .cf li span{display:block;width:900px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000"); height:75px;}
.mod18 .picBox{height:600px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:600px;position:absolute;}
.mod18 .picBox li{width:900px;height:600px;}
.mod18 .picBox li img {width:900px;height:600px;}
.mod18 .listBox{width:820px;height:58px;position:absolute;overflow:hidden;left:40px;bottom:3px;}
.mod18 .listBox ul{height:40px;position:absolute;padding-left:8px;}
.mod18 .listBox li{width:83px;height:58px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox .on img{width:64px;height:44px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}
.mod18 .listBox li img{ width:75px; height:50px}