
/*slider*/

.slider { float: left; margin:-0px 0 90px 0}
.slider .jquery-reslider .slider-block {width: 100%;  height: 755px;  position: absolute;  z-index: 97;  background-position: 50% 50%;  background-size: cover;  opacity: 0;}
.slider .jquery-reslider .slider-direction {width: 60px;  height: 60px;  position: absolute;  top: 45%;  z-index: 99;  cursor: pointer;}
.slider .jquery-reslider .slider-direction.slider-direction-prev {left: 20px; top:350px; background: url('/images/main/prev.png') no-repeat;}
.slider .jquery-reslider .slider-direction.slider-direction-next {right: 20px; top:350px;  background: url('/images/main/next.png') no-repeat}
.slider .jquery-reslider .slider-dots {position: absolute;  width: 100%;  text-align: center;  top:720px}
.slider .jquery-reslider .slider-dots li {width: 10px;  height: 10px;  border-radius: 100px;  display: inline-block;  margin: 5px;  border: 1px solid #ffffff;  cursor: pointer;}
.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }
@media screen and (max-width: 768px) 
{.slider .jquery-reslider .slider-direction { zoom: .8; }
.slider .jquery-reslider .slider-dots { position: absolute; }
}
