@charset "utf-8";
/* CSS Document */



.baner_slide_title{

}
.baner_slide_description{

}

/* jssor slider bullet navigator skin */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)



/* STYLE - 01  - BULLETS */
.jssorb1 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb1 div, .jssorb1 .av {
    position: absolute;
    /* size of bullet elment */
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 12px;
    _background: url(jssor/img/pagination-1.png) no-repeat;
    background: var(--slg_20);
    border:1px solid #999;
    overflow: hidden;
    cursor: pointer;
}
.jssorb1 div:hover{
    background: var(--pg)
}
.jssorb1 div { background-position: -5px -5px; }
.jssorb1 div:hover, .jssorb1 .av:hover { background-position: -35px -5px; }
.jssorb1 .av { background-position: -65px -5px; background:var(--pg)}
.jssorb1 .dn, .jssorb1 .dn:hover { background-position: -95px -5px; }


/* STYLE - 02  - BULLETS */
.jssorb2 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb2 div, .jssorb2 div:hover, .jssorb2 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 12px;
    background: url(jssor/img/pagination-2.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb2 div { background-position: -5px -4px; }
.jssorb2 div:hover, .jssorb2 .av:hover { background-position: -35px -4px; }
.jssorb2 .av { background-position: -65px -4px; }
.jssorb2 .dn, .jssorb2 .dn:hover { background-position: -95px -4px; }


/* STYLE - 03  - BULLETS */
.jssorb3 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb3 div, .jssorb3 div:hover, .jssorb3 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url(jssor/img/pagination-3.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb3 div { background-position: -7px -7px; }
.jssorb3 div:hover, .jssorb3 .av:hover { background-position: -37px -7px; }
.jssorb3 .av { background-position: -67px -7px; }
.jssorb3 .dn, .jssorb3 .dn:hover { background-position: -97px -7px; }


/* STYLE - 04  - BULLETS */
.jssorb4 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb4 div, .jssorb4 div:hover, .jssorb4 .av {
    position: absolute;
    /* size of bullet elment */
    width: 18px;
    height: 18px;
    background: url(jssor/img/pagination-4.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb4 div { background-position: -6px -6px; }
.jssorb4 div:hover, .jssorb4 .av:hover { background-position: -36px -6px; }
.jssorb4 .av { background-position: -66px -6px; }
.jssorb4 .dn, .jssorb4 .dn:hover { background-position: -96px -6px; }


/* STYLE - 05  - BULLETS */
.jssorb5 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb5 div, .jssorb5 div:hover, .jssorb5 .av {
    position: absolute;
    /* size of bullet elment */
    width: 20px;
    height: 20px;
    background: url(jssor/img/pagination-5.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb5 div { background-position: -5px -5px; }
.jssorb5 div:hover, .jssorb5 .av:hover { background-position: -35px -5px; }
.jssorb5 .av { background-position: -65px -5px; }
.jssorb5 .dn, .jssorb5 .dn:hover { background-position: -95px -5px; }

/* STYLE - 06  - BULLETS */
.jssorb6 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb6 div, .jssorb6 div:hover, .jssorb6 .av {
    position: absolute;
    /* size of bullet elment */
    width: 11px;
    height: 11px;
    background: url(jssor/img/pagination-6.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb6 div { background-position: -10px -10px; }
.jssorb6 div:hover, .jssorb6 .av:hover { background-position: -40px -10px; }
.jssorb6 .av { background-position: -70px -10px; }
.jssorb6 .dn, .jssorb6 .dn:hover { background-position: -100px -10px; }

/* STYLE - 07  - BULLETS */
.jssorb7 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb7 div, .jssorb7 div:hover, .jssorb7 .av {
    position: absolute;
    /* size of bullet elment */
    width: 11px;
    height: 11px;
    background: url(jssor/img/pagination-7.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb7 div { background-position: -10px -10px; }
.jssorb7 div:hover, .jssorb7 .av:hover { background-position: -40px -10px; }
.jssorb7 .av { background-position: -70px -10px; }
.jssorb7 .dn, .jssorb7 .dn:hover { background-position: -100px -10px; }

/* STYLE - 08  - BULLETS */
.jssorb8 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb8 div, .jssorb8 div:hover, .jssorb8 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url(jssor/img/pagination-8.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb8 div { background-position: -7px -7px; }
.jssorb8 div:hover, .jssorb8 .av:hover { background-position: -37px -7px; }
.jssorb8 .av { background-position: -67px -7px; }
.jssorb8 .dn, .jssorb8 .dn:hover { background-position: -97px -7px; }

/* STYLE - 9  - BULLETS */
.jssorb9 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb9 div, .jssorb9 div:hover, .jssorb9 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    background: url(jssor/img/pagination-9.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb9 div { background-position: -5px -5px; }
.jssorb9 div:hover, .jssorb9 .av:hover { background-position: -35px -5px; }
.jssorb9 .av { background-position: -65px -5px; }
.jssorb9 .dn, .jssorb9 .dn:hover { background-position: -95px -5px; }

/* STYLE - 10  - BULLETS */
.jssorb10 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb10 div, .jssorb10 div:hover, .jssorb10 .av {
    position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    background: url(jssor/img/pagination-10.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb10 div { background-position: -9px -9px; }
.jssorb10 div:hover, .jssorb10 .av:hover { background-position: -39px -9px; }
.jssorb10 .av { background-position: -69px -9px; }
.jssorb10 .dn, .jssorb10 .dn:hover { background-position: -99px -9px; }

/* STYLE - 11  - BULLETS */
.jssorb11 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb11 div, .jssorb11 div:hover, .jssorb11 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    background: url(jssor/img/pagination-11.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb11 div { background-position: -5px -5px; }
.jssorb11 div:hover, .jssorb11 .av:hover { background-position: -35px -5px; }
.jssorb11 .av { background-position: -65px -5px; }
.jssorb11 .dn, .jssorb11 .dn:hover { background-position: -95px -5px; }

/* STYLE - 12  - BULLETS */
.jssorb12 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb12 div, .jssorb12 div:hover, .jssorb12 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url(jssor/img/pagination-12.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb12 div { background-position: -7px -7px; }
.jssorb12 div:hover, .jssorb12 .av:hover { background-position: -37px -7px; }
.jssorb12 .av { background-position: -67px -7px; }
.jssorb12 .dn, .jssorb12 .dn:hover { background-position: -97px -7px; }

/* STYLE - 13  - BULLETS */
.jssorb13 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
    position: absolute;
    /* size of bullet elment */
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    background: url(jssor/img/pagination-13.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb13 div { background-position: -3px -3px; }
.jssorb13 div:hover, .jssorb13 .av:hover { background-position: -33px -3px; }
.jssorb13 .av { background-position: -63px -3px; }
.jssorb13 .dn, .jssorb13 .dn:hover { background-position: -93px -3px; }
.jssorb13 .n  { display: none; color: #000; }
.jssorb13 div:hover .n, .jssorb13 .av .n, .jssorb13 .av:hover .n, .jssorb13 .dn .n { display: block; }


/* STYLE - 14 - BULLETS */
.jssorb14 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb14 div, .jssorb14 div:hover, .jssorb14 .av {
    position: absolute;
    /* size of bullet elment */
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(jssor/img/pagination-14.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb14 div { background-position: -5px -5px; }
.jssorb14 div:hover, .jssorb14 .av:hover { background-position: -35px -5px; }
.jssorb14 .av { background-position: -65px -5px; }
.jssorb14 .dn, .jssorb14 .dn:hover { background-position: -95px -5px; }

/* STYLE - 15  - BULLETS */
.jssorb15 {
    position: absolute;
    bottom: 16px; right: 10px;
}
.jssorb15 div, .jssorb15 div:hover, .jssorb15 .av {
    position: absolute;
    /* size of bullet elment */
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(jssor/img/pagination-15.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb15 div { background-position: -5px -5px; }
.jssorb15 div:hover, .jssorb15 .av:hover { background-position: -35px -5px; }
.jssorb15 .av { background-position: -65px -5px; }
.jssorb15 .dn, .jssorb15 .dn:hover { background-position: -95px -5px; }



/* jssor slider arrow navigator skin */
/*
.jssora01l                  (normal)
.jssora01r                  (normal)
.jssora01l:hover            (normal mouseover)
.jssora01r:hover            (normal mouseover)
.jssora01l.jssora01ldn      (mousedown)
.jssora01r.jssora01rdn      (mousedown)
*/
/* STYLE - 01  - ARROWS */
.jssora1l, .jssora1r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url(jssor/img/prevnext-1.png) no-repeat;
    overflow: hidden;
}
.jssora1l { background-position: -8px -38px; left: 8px; }
.jssora1r { background-position: -68px -38px; right: 8px; }

.jssora1l:hover { background-position: -128px -38px; }
.jssora1r:hover { background-position: -188px -38px; }
.jssora1l.jssora1ldn { background-position: -8px -38px; }
.jssora1r.jssora1rdn { background-position: -68px -38px; }


/* STYLE - 02  - ARROWS */
.jssora2l, .jssora2r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(jssor/img/prevnext-2.png) no-repeat;
    overflow: hidden;
}
.jssora2l { background-position: -3px -33px;left: 8px; }
.jssora2r { background-position: -63px -33px; right: 8px; }
.jssora2l:hover { background-position: -123px -33px; }
.jssora2r:hover { background-position: -183px -33px; }
.jssora2l.jssora2ldn { background-position: -3px -33px; }
.jssora2r.jssora2rdn { background-position: -63px -33px; }


/* STYLE - 03  - ARROWS */
.jssora3l, .jssora3r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(jssor/img/prevnext-3.png) no-repeat;
    overflow: hidden;
}
.jssora3l { background-position: -3px -33px;left: 8px; }
.jssora3r { background-position: -63px -33px;right: 8px; }
.jssora3l:hover { background-position: -123px -33px; }
.jssora3r:hover { background-position: -183px -33px; }
.jssora3l.jssora3ldn { background-position: -243px -33px; }
.jssora3r.jssora3rdn { background-position: -303px -33px; }


/* STYLE - 04  - ARROWS */
.jssora4l, .jssora4r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 28px;
    height: 40px;
    cursor: pointer;
    background: url(jssor/img/prevnext-4.png) no-repeat;
    overflow: hidden;
}
.jssora4l { background-position: -16px -39px;left: 8px; }
.jssora4r { background-position: -76px -39px;right: 8px; }
.jssora4l:hover { background-position: -136px -39px; }
.jssora4r:hover { background-position: -196px -39px; }
.jssora4l.jssora4ldn { background-position: -256px -39px; }
.jssora4r.jssora4rdn { background-position: -316px -39px; }


/* STYLE - 05  - ARROWS */
.jssora5l, .jssora5r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(jssor/img/prevnext-5.png) no-repeat;
    overflow: hidden;
}
.jssora5l { background-position: -10px -40px;left: 8px; }
.jssora5r { background-position: -70px -40px;right: 8px; }
.jssora5l:hover { background-position: -130px -40px; }
.jssora5r:hover { background-position: -190px -40px; }
.jssora5l.jssora5ldn { background-position: -250px -40px; }
.jssora5r.jssora5rdn { background-position: -310px -40px; }


/* STYLE - 06  - ARROWS */
.jssora6l, .jssora6r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url(jssor/img/prevnext-6.png) no-repeat;
    overflow: hidden;
}
.jssora6l { background-position: -8px -38px;left: 8px; }
.jssora6r { background-position: -68px -38px;right: 8px; }
.jssora6l:hover { background-position: -128px -38px; }
.jssora6r:hover { background-position: -188px -38px; }
.jssora6l.jssora6ldn { background-position: -248px -38px; }
.jssora6r.jssora6rdn { background-position: -308px -38px; }


/* STYLE - 07  - ARROWS */
.jssora7l, .jssora7r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(jssor/img/prevnext-7.png) no-repeat;
    overflow: hidden;
}
.jssora7l { background-position: -5px -35px;left: 8px; }
.jssora7r { background-position: -65px -35px;right: 8px; }
.jssora7l:hover { background-position: -125px -35px; }
.jssora7r:hover { background-position: -185px -35px; }
.jssora7l.jssora7ldn { background-position: -245px -35px; }
.jssora7r.jssora7rdn { background-position: -305px -35px; }

/* STYLE - 08  - ARROWS */
.jssora8l, .jssora8r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(jssor/img/prevnext-8.png) no-repeat;
    overflow: hidden;
    opacity: .4;
    filter: alpha(opacity=40);
}
.jssora8l { background-position: -5px -35px;left: 8px; }
.jssora8r { background-position: -65px -35px;right: 8px; }
.jssora8l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora8r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora8l.jssora8ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.jssora8r.jssora8rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }

/* STYLE - 09  - ARROWS */
.jssora9l, .jssora9r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(jssor/img/prevnext-9.png) no-repeat;
    overflow: hidden;
    opacity: .4;
    filter: alpha(opacity=40);
}
.jssora9l { background-position: -5px -35px;left: 8px; }
.jssora9r { background-position: -65px -35px;right: 8px; }
.jssora9l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora9r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora9l.jssora9ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.jssora9r.jssora9rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }

/* STYLE - 10  - ARROWS */
.jssora10l, .jssora10r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 28px;
    height: 40px;
    cursor: pointer;
    background: url(jssor/img/prevnext-10.png) no-repeat;
    overflow: hidden;
}
.jssora10l { background-position: -16px -39px;left: 8px; }
.jssora10r { background-position: -76px -39px;right: 8px; }
.jssora10l:hover { background-position: -136px -39px; }
.jssora10r:hover { background-position: -196px -39px; }
.jssora10l.jssora10ldn { background-position: -256px -39px; }
.jssora10r.jssora10rdn { background-position: -316px -39px; }

/* STYLE - 11  - ARROWS */
.jssora11l, .jssora11r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 37px;
    height: 37px;
    cursor: pointer;
    background: url(jssor/img/prevnext-11.png) no-repeat;
    overflow: hidden;
}
.jssora11l { background-position: -11px -41px;left: 8px; }
.jssora11r { background-position: -71px -41px;right: 8px; }
.jssora11l:hover { background-position: -131px -41px; }
.jssora11r:hover { background-position: -191px -41px; }
.jssora11l.jssora11ldn { background-position: -251px -41px; }
.jssora11r.jssora11rdn { background-position: -311px -41px; }

/* STYLE - 12  - ARROWS */
.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url(jssor/img/prevnext-12.png) no-repeat;
    overflow: hidden;
}
.jssora12l { background-position: -16px -37px;left: 0; }
.jssora12r { background-position: -75px -37px;right: 0; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }

/* STYLE - 13  - ARROWS */
.jssora13l, .jssora13r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 50px;
    cursor: pointer;
    background: url(jssor/img/prevnext-13.png) no-repeat;
    overflow: hidden;
}
.jssora13l { background-position: -10px -35px;left: 0; }
.jssora13r { background-position: -70px -35px;right: 0; }
.jssora13l:hover { background-position: -130px -35px; }
.jssora13r:hover { background-position: -190px -35px; }
.jssora13l.jssora13ldn { background-position: -250px -35px; }
.jssora13r.jssora13rdn { background-position: -310px -35px; }

/* STYLE - 14  - ARROWS */
.jssora14l, .jssora14r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 50px;
    cursor: pointer;
    background: url(jssor/img/prevnext-14.png) no-repeat;
    overflow: hidden;
}
.jssora14l { background-position: -15px -35px;left: 0; }
.jssora14r { background-position: -75px -35px;right: 0; }
.jssora14l:hover { background-position: -135px -35px; }
.jssora14r:hover { background-position: -195px -35px; }
.jssora14l.jssora14ldn { background-position: -255px -35px; }
.jssora14r.jssora14rdn { background-position: -315px -35px; }

/* STYLE - 15  - ARROWS */
.jssora15l, .jssora15r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 20px;
    height: 38px;
    cursor: pointer;
    background: url(jssor/img/prevnext-15.png) no-repeat;
    overflow: hidden;
}
.jssora15l { background-position: -20px -41px;left: 0; }
.jssora15r { background-position: -80px -41px;right: 0; }
.jssora15l:hover { background-position: -140px -41px; }
.jssora15r:hover { background-position: -200px -41px; }
.jssora15l.jssora15ldn { background-position: -260px -41px; }
.jssora15r.jssora15rdn { background-position: -320px -41px; }

/* STYLE - 16  - ARROWS */
.jssora16l, .jssora16r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 22px;
    height: 36px;
    cursor: pointer;
    background: url(jssor/img/prevnext-16.png) no-repeat;
    overflow: hidden;
}
.jssora16l { background-position: -19px -42px;left: 18px; }
.jssora16r { background-position: -79px -42px;right: 18px; }
.jssora16l:hover { background-position: -139px -42px; }
.jssora16r:hover { background-position: -199px -42px; }
.jssora16l.jssora16ldn { background-position: -259px -42px; }
.jssora16r.jssora16rdn { background-position: -319px -42px; }

/* STYLE - 17  - ARROWS */
.jssora17l, .jssora17r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url(jssor/img/prevnext-17.png) no-repeat;
    overflow: hidden;
}
.jssora17l { background-position: -16px -45px;left: 8px; }
.jssora17r { background-position: -76px -45px;right: 8px; }
.jssora17l:hover { background-position: -136px -45px; }
.jssora17r:hover { background-position: -196px -45px; }
.jssora17l.jssora17ldn { background-position: -256px -45px; }
.jssora17r.jssora17rdn { background-position: -316px -45px; }

/* STYLE - 18  - ARROWS */
.jssora18l, .jssora18r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(jssor/img/prevnext-18.png) no-repeat;
    overflow: hidden;
}
.jssora18l { background-position: -5px -35px; left: 8px; }
.jssora18r { background-position: -65px -35px; right: 8px; }
.jssora18l:hover { background-position: -125px -35px; }
.jssora18r:hover { background-position: -185px -35px; }
.jssora18l.jssora18ldn { background-position: -245px -35px; }
.jssora18r.jssora18rdn { background-position: -305px -35px; }

/* STYLE - 19  - ARROWS */
.jssora19l, .jssora19r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(jssor/img/prevnext-19.png) no-repeat;
    overflow: hidden;
}
.jssora19l { background-position: -3px -33px; left: 8px; }
.jssora19r { background-position: -63px -33px; right: 8px; }
.jssora19l:hover { background-position: -123px -33px; }
.jssora19r:hover { background-position: -183px -33px; }
.jssora19l.jssora19ldn { background-position: -243px -33px; }
.jssora19r.jssora19rdn { background-position: -303px -33px; }

/* STYLE - 20  - ARROWS */
.jssora20l, .jssora20r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(jssor/img/prevnext-20.png) center center no-repeat;
    overflow: hidden;
}
.jssora20l { background-position: -3px -33px; left: 8px; }
.jssora20r { background-position: -63px -33px; right: 8px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20l.jssora20ldn { background-position: -243px -33px; }
.jssora20r.jssora20rdn { background-position: -303px -33px; }

/* STYLE - 21  - ARROWS */
.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url(jssor/img/prevnext-21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -10px -31px; left: 8px; }
.jssora21r { background-position: -70px -31px; right: 8px; }
.jssora21l:hover { background-position: -130px -31px; }
.jssora21r:hover { background-position: -190px -31px; }
.jssora21l.jssora21ldn { background-position: -250px -31px; }
.jssora21r.jssora21rdn { background-position: -310px -31px; }