.znCarousel-outer{
  position: relative;
  width:100%;
  overflow: hidden;
}
.znCarousel-frame{
  position: absolute;
  width:100%;
  z-index: 1;
}
.znCarousel-slide{
  position: absolute;
  top:0;
}
.znCarousel-prev, .znCarousel-next{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

  width: 30px;
  height:30px;
  border-radius: 15px;
  background-color: #fff;
  position: absolute;
  line-height: 1;
  cursor:pointer;
  z-index: 2;

  box-shadow        :0px 0px 6px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow   :0px 0px 6px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.3);
}
.znCarousel-prev{
  text-indent:-3px;
}
.znCarousel-next{
  text-indent:3px;
}
.znCarousel-dot-outer{
  position: absolute;
  bottom:0;
  width: 100%;
  text-align: center;
  z-index: 9999;
}
.znCarousel-dot{
  padding: 0 4px;
  cursor:pointer;
  font-size:11px;
  color: #999;
}
.znCarousel-dot:hover, .znCarousel-dot-current{
  color: #000;
}