.sl-overlay{
    width: 100%;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000;
    opacity:.7;
    display:none;
    z-index:1006;
}
.sl-wrapper{
    z-index:1008;
}
.sl-wrapper button{
    border:0;
    background:0 0;
    font-size:24px;
    padding:0;
    cursor:pointer;
}
.sl-wrapper button:hover{
    opacity:.7;
}
.sl-wrapper .sl-close{
    width: 15px;
	display:none;
    position:fixed;
    right:5%;
    top:2%;
    z-index:1015;
    color: #fff;
}
.sl-wrapper .sl-counter{
	width: 35px;
    font-family: arial, sans-serif;
    font-size: 13px; 
    position:fixed;
    top:5%;
    left:5%;
    z-index:1015;
    color: #fff;
}
.sl-wrapper .sl-navigation{
    width:100%;
    display:none;
}
.sl-wrapper .sl-navigation button{
    position:fixed;
    top:50%;
    margin-top:-10px;
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    display:block;
    z-index:1015;
    font-family:arial sans-serif;
    color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next{
    right:3%;
}.sl-wrapper .sl-navigation button.sl-prev{
    left:3%;
}
.sl-wrapper .sl-image{
    top: -45%;
    position:fixed; 
    z-index:10000;
}
.sl-wrapper .sl-image img{
    width: 100%;
    margin:0;
    padding:0;
    display:block;
}
.sl-wrapper .sl-image iframe{
    border:0;
    background:#000;
}
.sl-wrapper .sl-image .sl caption{
     top: 25%;
    display:none;
    padding:10px;
    color:#fff;
    background:#000;
    opacity:.8;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}