.jvs-panel{ position: relative;}
.jvs-content{top: 0; left:0; right: 0px; bottom: 0px; overflow: hidden; position: absolute;}

/* Vertical css*/
.jvs-ver{
    width: 8px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
}
.jvs-btnUp,.jvs-btnDown{ position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: blue; }

.jvs-ver-slide{position: absolute;width: 100%; top: 8px; bottom: 8px; background: #d3d3d3;}
.jvs-btnMid{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    background: #00a2ff;
}

.jvs-btnDown{ top: auto; bottom: 0; }
.jvs-btnPos-top .jvs-btnDown{ top: 8px; }
.jvs-btnPos-top .jvs-ver-slide{top: 16px; bottom: 0}

.jvs-btnPos-bottom .jvs-btnUp{bottom: 8px; top: auto;}
.jvs-btnPos-bottom .jvs-ver-slide{bottom: 16px; top: 0}
.jvs-btnPos-none .jvs-btnUp,.jvs-btnPos-none .jvs-btnDown{display: none;}
.jvs-btnPos-none .jvs-ver-slide{top:0; bottom:0;}

.visible-x .jvs-content{bottom: 8px}
.visible-x .jvs-ver{bottom: 8px;}

/*Horizaontal Css*/

.jvs-hor{
    height: 8px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0;
}
.jvs-btnLeft,.jvs-btnRight{ position: absolute; top: 0; left: 0; height: 100%; width: 8px; background: blue; }

.jvs-hor-slide{position: absolute; height: 100%; left: 8px; right: 8px; background: #d3d3d3;}
.jvs-btnCent{
    position: absolute;
    left:0;
    height: 100%;
    background: #00a2ff;
}

.jvs-btnRight{ left: auto; right: 0; }
.jvs-btnPos-left .jvs-btnRight{ left: 8px; }
.jvs-btnPos-left .jvs-hor-slide{left: 16px; right: 0}

.jvs-btnPos-right .jvs-btnLeft{right: 8px; left: auto;}
.jvs-btnPos-bottom .jvs-hor-slide{right: 16px; left: 0}
.jvs-btnPos-none .jvs-btnLeft,.jvs-btnPos-none .jvs-btnRight{display: none;}
.jvs-btnPos-none .jvs-hor-slide{top:0; bottom:0;}

.visible-y .jvs-content{right: 8px}
.visible-y .jvs-hor{right: 8px;}