/* 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(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 .av {
background-position: -65px -5px;
}
.jssorb21 .dn, .jssorb21 .dn:hover {
background-position: -95px -5px;
}
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
position: absolute;
cursor: pointer;
display: block;
background: url(../images/header-but.png) center center no-repeat;
overflow: hidden;
}
.jssora21l {
background-position:2px 23px;
}
.jssora21r {
background-position:-18px 19px;
}
.jssora21l:hover {
background-position:2px 23px;
}
.jssora21r:hover {
background-position:-18px 19px;
}
.jssora21ldn {
background-position:2px 23px;
}
.jssora21rdn {
background-position:-18px 19px;
}