#slider {
  margin: 0 auto;
}
#slider ul,
#slider li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#slider li {
  width: 980px;
  height: 200px;
  overflow: hidden;
}
#prevBtn,
#nextBtn,
#slider1next,
#slider1prev {
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  left: -30px;
  top: 80px;
  z-index: 1000;
}
#nextBtn,
#slider1next {
  left: 1010px;
}
#prevBtn a,
#nextBtn a,
#slider1next a,
#slider1prev a {
  display: block;
  position: relative;
  width: 47px;
  height: 47px;
  background: url(../../i/slider_prev.png) no-repeat 0 0;
}
#prevBtn {
  left: -50px;
}
#nextBtn a,
#slider1next a {
  background: url(../../i/slider_next.png) no-repeat 0 0;
}
ol#controls {
  margin: 1em 0;
  padding: 0;
  height: 28px;
}
ol#controls li {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 28px;
  line-height: 28px;
}
ol#controls li a {
  float: left;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ccc;
  background: #DAF3F8;
  color: #555;
  padding: 0 10px;
  text-decoration: none;
}
ol#controls li.current a {
  background: #5DC9E1;
  color: #fff;
}
ol#controls li a:focus,
#prevBtn a:focus,
#nextBtn a:focus {
  outline: none;
}
@media only screen and (max-width: 620px) {
  #slider,
  #nextBtn,
  #prevBtn {
    display: none;
    visibility: hidden;
  }
}