.component.slider{position:relative;line-height:1}
.component.slider>.inner{position:relative;width:100%;overflow:hidden}
.component.slider>.inner>.item{position:relative;display:none;text-align:left}
.component.slider>.inner>.item>img,.component.slider>.inner>.item>a>img{display:block;line-height:1}
.component.slider>.inner>.active,.component.slider>.inner>.next,.component.slider>.inner>.prev{display:block}
.component.slider>.inner>.next,.component.slider>.inner>.prev{position:absolute;top:0;width:100%}
.component.slider.slide>.inner>.active{left:0}
.component.slider.slide>.inner>.item{-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.component.slider.slide>.inner>.next{left:100%}
.component.slider.slide>.inner>.prev{left:-100%}
.component.slider.slide>.inner>.next.left,.component.slider.slide>.inner>.prev.right{left:0}
.component.slider.slide>.inner>.active.left{left:-100%}
.component.slider.slide>.inner>.active.right{left:100%}
.component.slider.fade{overflow:hidden;opacity:1;-webkit-transition:.6s ease-in-out height;-moz-transition:.6s ease-in-out height;-o-transition:.6s ease-in-out height;transition:.6s ease-in-out height}
.component.slider.fade>.inner{height:100%;z-index:0;-webkit-transition:.6s ease-in-out height;-moz-transition:.6s ease-in-out height;-o-transition:.6s ease-in-out height;transition:.6s ease-in-out height}
.component.slider.fade>.inner>.item{-webkit-transition:.6s ease-in-out opacity;-moz-transition:.6s ease-in-out opacity;-o-transition:.6s ease-in-out opacity;transition:.6s ease-in-out opacity;opacity:1}
.component.slider.fade>.inner>.next,.component.slider.fade>.inner>.prev{opacity:.1}
.component.slider.fade>.inner>.next.in,.component.slider.fade>.inner>.prev.in{opacity:1}
.component.slider.fade>.inner>.active.out{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.component.slider>.control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
.component.slider>.control.right{right:15px;left:auto}
.component.slider>.control:hover,.component.slider>.control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.component.slider>.indicators{position:static;display:block;width:auto;text-align:center;margin:20px auto}
.component.slider>.indicators li{display:inline-block;width:12px;height:12px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:6px;cursor:pointer}
.component.slider>.indicators .active{background-color:#fff}
.component.slider>.dark.indicators li{background-color:rgba(0,0,0,0.25)}
.component.slider>.dark.indicators .active{background-color:#000}
.component.slider .caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}
.component.slider .caption h4,.component.slider .caption p{line-height:1.3em;color:#fff}
.component.slider .caption h4{margin:0 0 5px}
.component.slider .caption p{margin-bottom:0}