@charset "utf-8";

/* imgslide */
.imgslide{
  width:98%;
  height:510px;
  overflow:hidden;
}
.imgslide li{
  width:100%;
  height:auto;
  overflow:hidden;
  display:none;
}
.imgslide li.current{
  display:block;
}

.imgslide li img{
  width:100%;
  height:510px;
}

.imgslide li .text{
  bottom: 510px;
  overflow: hidden;
  background-color: rgba(0,228,27,0.5);/*#00e41b*/
  width: 100%;
  height: 36px;
  position: relative;
  display: block;
  filter: none;
  text-indent: 0;
  margin: 11px 0 0 0px;
  padding-left: 15px;
}

.imgslide li .text .title a{
  font-size:16px;
  color:#000;
  line-height:36px;
  text-indent:0;
}
.imgslide li .text p{
  clear:both;
  font-size:12px;
  text-indent:0;
  line-height:20px;
  margin-top:4px;
  color:#888;
}

.imgslide .triggers{
  position:relative;
  z-index:1;
  width:400px;
  text-align:center;
  bottom:128px;
  height:38px;
  right:0;
  left:0;
  padding:0 0 8px;
}
.imgslide .triggers a{
  font-size:11px;
  line-height:12px;
  color:#000;
  overflow:hidden;
  border-radius:1px;
  -webkit-text-size-adjust:none;
  float:none;
  width:62px;
  height:42px;
  text-align:center;
  display:inline-block;
  background:0;
  margin:0 3px 0 0;
}
.imgslide .triggers a:hover{
  text-decoration:none;
}
.imgslide .triggers a img{
  width:58px;
  height:38px;
  border:1px #999 solid;
  vertical-align:middle;
  opacity:.9;
}
.imgslide .triggers a.current img{
  border:2px #00e41b solid;
  opacity:1;
}
.imgslide .icon-dot{
  display:inline-block;
  position:relative;
  bottom:160px;
  left:80%;
}
.imgslide .icon-dot a{
  width:9px;
  height:9px;
  display:inline-block;
  background-image:url(../images/nav.png);
  background-repeat:no-repeat;
  background-position:-1px -1px;
  overflow:hidden;
  margin:0 2px;
}
.imgslide .icon-dot a.current{
  background-position:-1px -12px;
}
.imgslide .link-watch{
  width:30px;
  height:44px;
  /*
  position:absolute;
  top:210px;
  */
  display:none;
  position: relative;
  bottom: 400px;
  background:url(../images/arrow.png) no-repeat 0 -57px;
  filter:alpha(opacity=60);
  cursor:pointer;
}
.imgslide .link-watch.pre{
  left:0;
}
.imgslide .link-watch.next{
  left:92%;
  right:0;
  background-position:right -57px;
}
.imgslide .link-watch.down{
  background-position-y:-2px;
}

@media (max-width: 768px) {
  .imgslide .icon-dot {
    display: none;
  }
}