@charset "utf-8";

.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slides {
  height: auto;
  overflow: hidden;
  *zoom: 1;
  width:1600px;
  width: 4715px; transition: -moz-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transform: translate3d(0px, 0px, 0px);
}
.slides li {
	margin:0 !important;
	float:left;
	width: 943px;
}

.slides img {
	width: 100%;
	vertical-align:bottom;
}
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-arrow--right{
	background:url(../img/animals/arrowR.png) no-repeat 0 50%;
	width:63px;
	height:65px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0 !important;
}
.slider-arrow--left{
	background:url(../img/animals/arrowL.png) no-repeat 0 50%;
	width:63px;
	height:65px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0 !important;
}
.slider-arrow--right:hover{
	background:url(../img/animals/arrowR_h.png) no-repeat 0 50%;
}
.slider-arrow--left:hover{
	background:url(../img/animals/arrowL_h.png) no-repeat 0 50%;
}

.slider-nav {
  position: absolute;
  bottom: 8px;
}
.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #411b09;
  border-radius: 8px;
}
.slider-nav__item:hover {
  background: #fff;
}
.slider-nav__item--current {
  background: #fff;
}
.slider-arrow {
    display: block;
    margin-bottom: -20px;
    padding: 20px;
    position: absolute;
}
.slider-arrow--right {
    bottom: 50%;
    right: -72px;
}
.slider-arrow--left {
    bottom: 50%;
    left: -72px;
}