.jsliderc {
    display: block;
    visibility: visible;
    cursor: move;
    position: relative;
    top: 0px;
    left: 0px;
    overflow:hidden;
    margin: 0 auto;
    /*width:960px;
      height:540px; should be specified in html style = could be customized*/
}

.jsliders {
    top:0px;
    left:0px;
    width:auto;
    height:auto;
    overflow:hidden;
}


/*bullet navigator*/
.jssorb031 {
    position:absolute;
    bottom:16px;
    right:16px;
    cursor:pointer;
}
.i {
    width:13px;
    height:13px;
    cursor:pointer;
}
.jssorb031 .i .b {fill:#888;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.jssorb031 .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.jssorb031 .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.jssorb031 .i.idn {opacity:.3;}

/*arrow navigator*/
.jssora051 {
    display:block;
    position:absolute;
    cursor:pointer;
    top: calc( 100% / 2 - 25px );
    width:55px;
    height:55px;
}
.jssora051 .a {fill:none;stroke:#aaa;stroke-width:860;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}