/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
    /*background: url(/resources/JssorSlider/img/b21.png) no-repeat;*/
    overflow: hidden;
    cursor: pointer;
}

.jssorb21 div {
    background-position: -5px -5px;
}

.jssorb21 div:hover, .jssorb21 .av:hover {
    background-position: -35px -5px;
}
.jssorb21 > div {
    background: url('/resources/images/b-slider-ch_a.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.jssorb21 > div:hover {
    background-position: 0px 0px;
}

.jssorb21 .av {
    background-position: -65px -5px;
    background: url("/resources/images/b-slider-ch.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.jssorb21 .dn, .jssorb21 .dn:hover {
   /* background-position: -95px -5px;*/
}

    /* jssor slider arrow navigator skin 21 css */
    /*
    .jssora21l              (normal)
    .jssora21r              (normal)
    .jssora21l:hover        (normal mouseover)
    .jssora21r:hover        (normal mouseover)
    .jssora21ldn            (mousedown)
    .jssora21rdn            (mousedown)
    */
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/resources/JssorSlider/img/a21.png) center center no-repeat;
    overflow: hidden;
}

.jssora21l {
    background-position: -3px -33px;
}

.jssora21r {
    background-position: -63px -33px;
}

.jssora21l:hover {
    background-position: -123px -33px;
}

.jssora21r:hover {
    background-position: -183px -33px;
}

.jssora21ldn {
    background-position: -243px -33px;
}

.jssora21rdn {
    background-position: -303px -33px;
}