/* Just for the example. Fee free to delete these three lines */




/* join */

.mod18Box { padding: 10px 0; border: 1px solid #CCC; margin: 0px auto; width:760px; background: #FFF; box-shadow:0px 1px 5px #CCCCCC }
.mod18{ width:720px; height:576px; margin: 0px auto; position: relative; background: #f7f7f7; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:506px;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:240px;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: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:815px;height:530px;position:absolute;color:#fff;}

.mod18 .cf li span{
display:block;
width:214px;
height:194px;
text-align:center; 
position:absolute;
left:40%;
bottom:30%;
padding:10px 20px;
font-size:18px;
font-weight:bold;
line-height:190px;
text-align:center;
letter-spacing:2px;
background:url(img/huabian.png) center no-repeat;
/*
background:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");
*/
}

.mod18 .picBox{height:500px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:630px;position:absolute;}
.mod18 .picBox li{width:530px;height:500px; text-align: center;}
.mod18 .picBox li img{max-width: 815px; max-height: 500px;}

.mod18 .listBox{ width: 720px; margin:auto; height: 70px; 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 #b08f6e; filter:alpha(opacity=50);   -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;  }
.mod18 .listBox .on i{display:block;}