/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 48px;
    height: 117px;
    cursor: pointer;
    background: url('img/a22-c.png') center center no-repeat;
    overflow: hidden;

}
.jssora22l { background-position: -6px 0px; 
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.jssora22r { background-position: -64px 0px; 

-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.jssora22l:hover { background-position: -126px 0px; }
.jssora22r:hover { background-position: -184px 0px; }
.jssora22l.jssora22ldn { background-position: -246px 0px; }
.jssora22r.jssora22rdn { background-position: -304px 0px; }
.jssora22l.jssora22lds { background-position: -8px 0px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -64px 0px; opacity: .3; pointer-events: none; }



/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb057 .i {position:absolute;cursor:pointer;}
.jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057 .i:hover .b {stroke-opacity:.7;}
.jssorb057 .iav .b {stroke-opacity: 1;}
.jssorb057 .i.idn {opacity:.3;}

.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}

.jssora104 {display:block;position:absolute;cursor:pointer;}
.jssora104 .c {fill:#000;opacity:.8;}
.jssora104 .a {fill:#ddd;opacity:.8;}
.jssora104:hover .c {opacity:.6;}
.jssora104:hover .a {opacity:1;}
.jssora104.jssora104dn .c {opacity:.3;}
.jssora104.jssora104dn .a {opacity:1;}
.jssora104.jssora104ds {opacity:.3;pointer-events:none;}

.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0; background:#E4E4E4; opacity:.7;}
.jssorb072 .i .b {fill:#E4E4E4;opacity:.3;}
.jssorb072 .i:hover {background:#EC191E; color:#ffffff;}
.jssorb072 .iav {color:#fff; background:#EC191E; opacity:1;}
.jssorb072 .iav .b {fill:#EC191E;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}
        
.jssorb072_u{background:#E4E4E4;}
.jssorb072_u .i {background:#E4E4E4; position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072_u .i .b {fill:#E4E4E4;}
.jssorb072_u .i:hover {background:#EC191E; color:#ffffff;}
.jssorb072_u .iav {color:#fff; background:#EC191E;}
.jssorb072_u .iav .b {fill:#EC191E;}
.jssorb072_u .i.idn {}


/*jssor slider loading skin spin css*/

/*jssor slider bullet skin 057 css*/
.jssorb057_y .i {position:absolute;cursor:pointer;}
.jssorb057_y .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057_y .i:hover .b {stroke-opacity:.7;}
.jssorb057_y .iav .b {stroke-opacity: 1;}
.jssorb057_y .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073_y {display:block;position:absolute;cursor:pointer;}
.jssora073_y .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073_y:hover {opacity:.8;}
.jssora073_y.jssora073dn {opacity:.4;}
.jssora073_y.jssora073ds {opacity:.3;pointer-events:none;}