/*-------------------------------------------------------*/
/*---------- jssor slider general settings css ----------*/
/*-------------------------------------------------------*/

div.jssor { position: relative; overflow: hidden; }
.jssor .slides {
  cursor: move; 
  position: absolute; 
  left: 0px;
  top: 0px; 
  overflow: hidden;
}

/*----------------------------------------------------------------------*/
/*---------- jssor slider arrow navigator skins (general) css ----------*/
/*----------------------------------------------------------------------*/
/*
  .arrowl              (normal)
  .arrowr              (normal)
  .arrowl:hover        (normal mouseover)
  .arrowr:hover        (normal mouseover)
  .arrowldn            (mousedown)
  .arrowrtdn           (mousedown)
*/
.jssor .arrow-l, .jssor .arrow-ldn,
.jssor .arrow-r, .jssor .arrow-rdn {
  position: absolute;
  cursor: pointer;
  display: block;
  overflow:hidden;
}

/*---------- jssor slider arrow navigator skin 01 css ----------*/

.jssora01 .arrow-l, .jssora01 .arrow-ldn,
.jssora01 .arrow-r, .jssora01 .arrow-rdn {
  background: url(img/a01.png) no-repeat;
  width: 45px;
  height: 45px;
}
.jssora01 .arrow-l, .jssora01 .arrow-ldn { left: 8px; }
.jssora01 .arrow-r, .jssora01 .arrow-rdn { right: 8px; }
.jssora01 .arrow-l { background-position: -8px -38px; }
.jssora01 .arrow-r { background-position: -68px -38px; }
.jssora01 .arrow-l:hover { background-position: -128px -38px; }
.jssora01 .arrow-r:hover { background-position: -188px -38px; }
.jssora01 .arrow-ldn { background-position: -8px -38px; }
.jssora01 .arrow-rdn { background-position: -68px -38px; }

/*---------- jssor slider arrow navigator skin 02 css ----------*/

.jssora02 .arrow-l, .jssora02 .arrow-ldn,
.jssora02 .arrow-r, .jssora02 .arrow-rdn {
  background: url(img/a02.png) no-repeat;
  width: 55px;
  height: 55px;
}
.jssora02 .arrow-l, .jssora02 .arrow-ldn { left: 8px; }
.jssora02 .arrow-r, .jssora02 .arrow-rdn { right: 8px; }
.jssora02 .arrow-l { background-position: -3px -33px; }
.jssora02 .arrow-r { background-position: -63px -33px; }
.jssora02 .arrow-l:hover { background-position: -123px -33px; }
.jssora02 .arrow-r:hover { background-position: -183px -33px; }
.jssora02 .arrow-ldn { background-position: -3px -33px; }
.jssora02 .arrow-rdn { background-position: -63px -33px; }

/*---------- jssor slider arrow navigator skin 03 css ----------*/

.jssora03 .arrow-l, .jssora03 .arrow-ldn,
.jssora03 .arrow-r, .jssora03 .arrow-rdn {
  background: url(img/a03.png) no-repeat;
  width: 55px;
  height: 55px;
}
.jssora03 .arrow-l, .jssora03 .arrow-ldn { left: 8px; }
.jssora03 .arrow-r, .jssora03 .arrow-rdn { right: 8px; }
.jssora03 .arrow-l { background-position: -3px -33px; }
.jssora03 .arrow-r { background-position: -63px -33px; }
.jssora03 .arrow-l:hover { background-position: -123px -33px; }
.jssora03 .arrow-r:hover { background-position: -183px -33px; }
.jssora03 .arrow-ldn { background-position: -243px -33px; }
.jssora03 .arrow-rdn { background-position: -303px -33px; }

/*---------- jssor slider arrow navigator skin 04 css ----------*/

.jssora04 .arrow-l, .jssora04 .arrow-ldn,
.jssora04 .arrow-r, .jssora04 .arrow-rdn {
  background: url(img/a04.png) no-repeat;
  width: 28px;
  height: 40px;
}
.jssora04 .arrow-l, .jssora04 .arrow-ldn { left: 8px; }
.jssora04 .arrow-r, .jssora04 .arrow-rdn { right: 8px; }
.jssora04 .arrow-l { background-position: -16px -39px; }
.jssora04 .arrow-r { background-position: -76px -39px; }
.jssora04 .arrow-l:hover { background-position: -136px -39px; }
.jssora04 .arrow-r:hover { background-position: -196px -39px; }
.jssora04 .arrow-ldn { background-position: -256px -39px; }
.jssora04 .arrow-rdn { background-position: -316px -39px; }

/*---------- jssor slider arrow navigator skin 05 css ----------*/

.jssora05 .arrow-l, .jssora05 .arrow-ldn,
.jssora05 .arrow-r, .jssora05 .arrow-rdn {
  background: url(img/a17.png) no-repeat;
  width: 40px;
  height: 40px;
}
.jssora05 .arrow-l, .jssora05 .arrow-ldn { left: 8px; }
.jssora05 .arrow-r, .jssora05 .arrow-rdn { right: 8px; }
.jssora05 .arrow-l { background-position: -10px -40px; }
.jssora05 .arrow-r { background-position: -70px -40px; }
.jssora05 .arrow-l:hover { background-position: -130px -40px; }
.jssora05 .arrow-r:hover { background-position: -190px -40px; }
.jssora05 .arrow-ldn { background-position: -250px -40px; }
.jssora05 .arrow-rdn { background-position: -310px -40px; }

/*---------- jssor slider arrow navigator skin 06 css ----------*/

/*---------- jssor slider arrow navigator skin 07 css ----------*/

/*---------- jssor slider arrow navigator skin 08 css ----------*/

/*---------- jssor slider arrow navigator skin 09 css ----------*/

.jssora09 .arrow-l, .jssora09 .arrow-ldn,
.jssora09 .arrow-r, .jssora09 .arrow-rdn {
  background: url(img/a09.png) no-repeat;
  width: 50px;
  height: 50px;
}
.jssora09 .arrow-l, .jssora09 .arrow-ldn { left: 8px; }
.jssora09 .arrow-r, .jssora09 .arrow-rdn { right: 8px; }
.jssora09 .arrow-l { background-position: -5px -35px; }
.jssora09 .arrow-r { background-position: -65px -35px; }
.jssora09 .arrow-l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora09 .arrow-r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora09 .arrow-ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.jssora09 .arrow-rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }

/*---------- jssor slider arrow navigator skin 10 css ----------*/

/*---------- jssor slider arrow navigator skin 11 css ----------*/

.jssora11 .arrow-l, .jssora11 .arrow-ldn,
.jssora11 .arrow-r, .jssora11 .arrow-rdn {
  background: url(img/a11.png) no-repeat;
  width: 37px;
  height: 37px;
}
.jssora11 .arrow-l, .jssora11 .arrow-ldn { left: 8px; }
.jssora11 .arrow-r, .jssora11 .arrow-rdn { right: 8px; }
.jssora11 .arrow-l { background-position: -11px -41px; }
.jssora11 .arrow-r { background-position: -71px -41px; }
.jssora11 .arrow-l:hover { background-position: -131px -41px; }
.jssora11 .arrow-r:hover { background-position: -191px -41px; }
.jssora11 .arrow-ldn { background-position: -251px -41px; }
.jssora11 .arrow-rdn { background-position: -311px -41px; }

/*---------- jssor slider arrow navigator skin 12 css ----------*/

/*---------- jssor slider arrow navigator skin 13 css ----------*/

/*---------- jssor slider arrow navigator skin 14 css ----------*/

.jssora14 .arrow-l, .jssora14 .arrow-ldn,
.jssora14 .arrow-r, .jssora14 .arrow-rdn {
  background: url(img/a14.png) no-repeat;
  width: 30px; 
  height: 50px;
}
.jssora14 .arrow-l, .jssora14 .arrow-ldn { left: 0px; }
.jssora14 .arrow-r, .jssora14 .arrow-rdn { right: 0px; }
.jssora14 .arrow-l { background-position: -15px -35px; }
.jssora14 .arrow-r { background-position: -75px -35px; }
.jssora14 .arrow-l:hover { background-position: -135px -35px; }
.jssora14 .arrow-r:hover { background-position: -195px -35px; }
.jssora14 .arrow-ldn { background-position: -255px -35px; }
.jssora14 .arrow-rdn { background-position: -315px -35px; }

/*---------- jssor slider arrow navigator skin 20 css ----------*/

.jssora20 .arrow-l, .jssora20 .arrow-ldn,
.jssora20 .arrow-r, .jssora20 .arrow-rdn {
  background: url(img/a20.png) no-repeat;
  width: 55px; 
  height: 55px;
}
.jssora20 .arrow-l, .jssora20 .arrow-ldn { left: 8px; }
.jssora20 .arrow-r, .jssora20 .arrow-rdn { right: 8px; }
.jssora20 .arrow-l { background-position: -3px -33px; }
.jssora20 .arrow-r { background-position: -63px -33px;  }
.jssora20 .arrow-l:hover { background-position: -123px -33px; }
.jssora20 .arrow-r:hover { background-position: -183px -33px; }
.jssora20 .arrow-ldn { background-position: -243px -33px; }
.jssora20 .arrow-rdn { background-position: -303px -33px; }

/*-----------------------------------------------------------------------*/
/*---------- jssor slider bullet navigator skins (general) css ----------*/
/*-----------------------------------------------------------------------*/
/*
  .jssorb11 div           (normal)
  .jssorb11 div:hover     (normal mouseover)
  .jssorb11 .av           (active)
  .jssorb11 .av:hover     (active mouseover)
  .jssorb11 .dn           (mousedown)
*/

/*---------- jssor slider bullet navigator skin 11 css ----------*/

.jssorb11 {position: absolute; bottom: 4px; right: 6px;}
.jssorb11 div, .jssorb11 div:hover, .jssorb11 .av {
  position: absolute; width: 11px; height: 11px;

  background: url(img/b11.png) no-repeat;
  overflow:hidden;
  cursor: pointer;
}
.jssorb11 div { background-position: -10px -10px; }
.jssorb11 div:hover, .jssorb11 .av:hover { background-position: -40px -10px; }
.jssorb11 .av { background-position: -70px -10px; }
.jssorb11 .dn, .jssorb11 .dn:hover { background-position: -100px -10px; }