@charset "utf-8";

.mod18Box {
  /* padding: 10px; */
  border: 1px solid #CCC;
  margin: 0px auto;
  /* width: 680px; */
  background: #9c9c9c;
  box-shadow:0px 1px 5px #CCCCCC;
  }
.mod18{
  width: 680px;
  height: 406px;
  margin: 0px;
  position: relative;
  /* background: #9c9c9c; */
  float:  left;
}
.right{
  height: 379px;
  float:  right;
  width: 47.6%;
  background: #9c9c9c;
}
.mod18 .btn{
  position:absolute;
  width:15px;
  height: 93px;
  top: 272px;
  cursor:pointer;
  z-index:99;
  font-size:50px;
  font-weight:bold;
}
.mod18 .prev{
  left: 740px;
  background:url(/img/prevBtn.png) no-repeat;
}
.mod18 #prevTop,.mod18 #nextTop{
  top:140px;
  width:46px;
  height:48px;
}
.mod18 #prevTop{
  background:url(/img/prevBtnTop.png) 0 0 no-repeat;
}
.mod18 #nextTop{
  background:url(/img/nextBtnTop.png) 0 0 no-repeat;
}
.mod18 .next{
  right: -600px;
  background:url(/img/nextBtn.png) no-repeat;
}
.mod18 li{
  float:left;
}
.mod18 .cf li{
  position:relative;
  color:#fff;
}
.mod18 .cf a{
  display:block;
  width:680px;
  height: 373px;
  position:absolute;
  color:#fff;
}
.mod18 .cf li span{
  display:block;
  width:640px;
  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: 386px;
  position:relative;
  overflow:hidden;
  /* float:  left; */
}
.mod18 .picBox ul{
  height: 430px;
  position:absolute;
}
.mod18 .picBox li{
  width:680px;
  height: 380px;
}
.listBox{
  width: 470px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  padding: 6px 0 0px;
  overflow: hidden;
  /* float:  left; */
  /* z-index:  9999; */
  left: 662px;
  top: -130px;
}
.listBox ul{
  height: 100px;
  position:absolute;
}
.listBox li{
  width: 166px;
  height: 100px;
  cursor:pointer;
  position:relative;
}
.listBox li i{
  display:none;
}
.listBox li a{
  display:block;
  width:124px;
  height:70px;
}
.listBox li img{
  width: 150px;
  height: 100px;
}
.listBox .on img{
  width: 149px;
  height: 95px;
  border:3px solid #ff6600;
}
.listBox .on i{
  display:block;
}
@media only screen and (max-width: 769px){

.right {
    height: 379px;
    float: right;
    width: 100%;
    background: #9c9c9c;
}

}