.slider {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
}

.slides {
  height: 100%;
  /* Clear fix */
  overflow: hidden;
  *zoom: 1;
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.slide {
  height: 100%;
  float: left;
  clear: none;
}

.slider-arrow {
  position: absolute;
  display: block;
  margin-top: -64px;
	outline: 0;
	width: 42px;
	height: 128px;
	overflow:hidden;
	text-indent:-9999px;
}

.slider-arrow--right {
  top: 58%;
  right: 30px;
  background: url(../images/slider-nav-next.png) no-repeat 0 0;
}

.slider-arrow--left {
  top: 58%;
  left: 30px;
  background: url(../images/slider-nav-prev.png) no-repeat 0 0;
}

.slider-nav {
  position: absolute;
  bottom: 30px;
}

.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}

.slider-nav__item:hover {
  background: #ccc;
}

.slider-nav__item--current {
  background: #ccc;
}