﻿.slider-wrapper { position: relative; width: 100%; height: 380px; }
.slider-wrapper ul, .slider-wrapper li { display: block; margin: 0; padding: 0; list-style: none; }
.slider-container { position: relative; width: 100%; height: 100%; overflow: hidden; }
.slider-content { position: absolute; display: none; width: 100%; height: 100%; overflow: hidden; }
.slider-pagination { position: absolute; width: 100%; bottom: 20px; text-align: center; z-index: 200; }
.slider-pagination li { display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 10px; cursor: pointer; border-radius: 5px; background-color: #fff; margin: 0 5px; overflow: hidden; text-indent: -20em; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; }
.slider-pagination li.active { width: 30px; background-color: #039686; }