.track {
  height:auto; overflow:hidden; position:relative; padding:0 18px;
}

.view-port, .track .inner {
 position: relative; float:right; width:1200px;
}


.view-port {
  overflow: hidden;
  position: relative;
}

.track a.prev,
.track a.next {
  display: block;
  position: absolute;
  top: 60%;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  background: url("../images/arrows.png");
  background-repeat: no-repeat; z-index:999;
}
.pro a.prev,
.pro a.next{ top:55%; }

.track a.prev.disabled,
.track a.next.disabled {
  display: none;
}

.track a.prev {
  left: 0;
  background-position: -10px 0;
}

.track a.prev:hover {
  background-position: -10px -66px;
}

.track a.prev:active {
  background-position: -10px -132px;
}

.track a.next {
  right:0;
  background-position: -54px 0;
}

.track a.next:hover {
  background-position: -54px -132px;
}

.track a.next:active {
  background-position: -54px -198px;
}

.slider-container {
  position: relative;
  margin: 0;
  padding: 0;
  min-height:300px; min-width:1200px;
  overflow:hidden;
}



.bullet-pagination {
  width: 100%;
  text-align: center; display:none;
}

.bullet {
  display: inline-block;
  background: #999;
  padding: 4px;
  border-radius: 6px;
  margin-right: 5px;
  opacity: 0.4;

  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.bullet.active {
  opacity: 1;
}

.bullet:last-child {
  margin-right: 0;
}


.pro11 .item{ width:550px; height:460px;}