/* Ч¹ûCSS¿ªÊ¼ */
.mod18{width:600px;position:relative;  float:left;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0px;}
.mod18 #prev,.mod18 #next{top:380px;width:10px;height:16px; color:#cc0000; font-size:14px;}
.mod18 .next{right:0px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:600px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:600px;position:absolute;left:0px;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"); font-size:14px;}
.mod18 .picBox{width:600px; height:450px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:450px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:0px; padding-right:0px; width:600px;height:450px;}
.mod18 .picBox img{ width:600px;}

.mod18 .listBox{width:600px;height:120px;margin:0 auto;position:relative; padding-top:5px;overflow:hidden;}
.mod18 .listBox ul{height:120px;position:absolute; }
.mod18 .listBox li{width:150px;height:100px;cursor:pointer;position:relative; padding:5px 0 0 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:130px;}
.mod18 .listBox img{border:3px solid #fff; width:130px;}
.mod18 .listBox .on img{border:3px solid #4169e2;}
.mod18 .listBox .on{background:url(../images/img_bg.png) center top no-repeat;}
.mod18 .listBox .on i{display:block;}