.slider .indicators .indicator-item {background-color: #666666;border: 3px solid #ffffff;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.slider .indicators .indicator-item.active {background-color: #ffffff;}
.slider {width: 100%;margin: 0 auto;}
.slider .indicators {bottom: 60px;z-index: 100;}
.slider .slides {background-color: #9e9e9e;margin: 0;height: 400px;}
.slider.fullscreen ul.indicators{z-index:2;bottom:30px}
.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}
.slider .slides li img {height: 100%;width: 100%;background-size: cover;background-position: center;}
.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}
.slider .slides li .caption p{color:#e0e0e0}
.slider .slides li.active{z-index:2}
.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0;background: rgba(0, 0, 0, 0.06);padding-top:5px}
.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;-ms-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}