/* 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
{
    display: block;
    background: rgba(255,255,255,0.4);
    overflow:hidden;
    cursor: pointer;

}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background: red;}
.jssorb21 .av { background: rgba(255,255,255,0.6) }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssorb21 {
    transform-origin: 0 0 0;
    background: none;
    width: 1000px;
}
/* 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;
    background: none;
    color: white;
    font-size: 50px;
    font-weight:bold;
    text-align: center;
    line-height: 40px;
}

.jssora21l {  }
.jssora21r {  }
.jssora21l:hover { background: rgba(0,0,0,0.2) url('/gfx/arr_01.png') no-repeat center; }
.jssora21r:hover { background: rgba(0,0,0,0.2) url('/gfx/arr_02.png') no-repeat center }
.jssora21ldn {  }
.jssora21rdn {  }