[class*="jssor-"] {
     margin: 100px
 }
 /*jssor-1*/
 /* jssor slider arrow navigator skin 05 css */
 /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
 
 .jssora05l,
 .jssora05r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 40px;
     height: 40px;
     cursor: pointer;
     background: url('../data/jssor/a17.png') no-repeat;
     overflow: hidden;
 }
 .jssora05l {
     background-position: -10px -40px;
 }
 .jssora05r {
     background-position: -70px -40px;
 }
 .jssora05l:hover {
     background-position: -130px -40px;
 }
 .jssora05r:hover {
     background-position: -190px -40px;
 }
 .jssora05l.jssora05ldn {
     background-position: -250px -40px;
 }
 .jssora05r.jssora05rdn {
     background-position: -310px -40px;
 }
 .jssora05l.jssora05lds {
     background-position: -10px -40px;
     opacity: .3;
     pointer-events: none;
 }
 .jssora05r.jssora05rds {
     background-position: -70px -40px;
     opacity: .3;
     pointer-events: none;
 }
 /* jssor slider thumbnail navigator skin 01 css */
 /*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
 
 .jssort01 .p {
     position: absolute;
     top: 0;
     left: 0;
     width: 72px;
     height: 72px;
 }
 .jssort01 .t {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }
 .jssort01 .w {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
 }
 .jssort01 .c {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 68px;
     height: 68px;
     border: #000 2px solid;
     box-sizing: content-box;
     background: url('../../data/jssor/t01.png') -800px -800px no-repeat;
     _background: none;
 }
 .jssort01 .pav .c {
     top: 2px;
     _top: 0px;
     left: 2px;
     _left: 0px;
     width: 68px;
     height: 68px;
     border: #000 0px solid;
     _border: #fff 2px solid;
     background-position: 50% 50%;
 }
 .jssort01 .p:hover .c {
     top: 0px;
     left: 0px;
     width: 70px;
     height: 70px;
     border: #fff 1px solid;
     background-position: 50% 50%;
 }
 .jssort01 .p.pdn .c {
     background-position: 50% 50%;
     width: 68px;
     height: 68px;
     border: #000 2px solid;
 }
 * html .jssort01 .c,
 * html .jssort01 .pdn .c,
 * html .jssort01 .pav .c {
     /* ie quirks mode adjust */
     width/**/
     : 72px;
     height/**/
     : 72px;
 }
 </style>
 /*jssor2*/
 /* jssor slider bullet navigator skin 01 css */
 /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
 
 .jssorb01 {
     position: absolute;
 }
 .jssorb01 div,
 .jssorb01 div:hover,
 .jssorb01 .av {
     position: absolute;
     /* size of bullet elment */
     width: 12px;
     height: 12px;
     filter: alpha(opacity=70);
     opacity: .7;
     overflow: hidden;
     cursor: pointer;
     border: #000 1px solid;
 }
 .jssorb01 div {
     background-color: gray;
 }
 .jssorb01 div:hover,
 .jssorb01 .av:hover {
     background-color: #d3d3d3;
 }
 .jssorb01 .av {
     background-color: #fff;
 }
 .jssorb01 .dn,
 .jssorb01 .dn:hover {
     background-color: #555555;
 }
 /* jssor slider arrow navigator skin 03 css */
 /*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        .jssora03l.jssora03ldn      (disabled)
        .jssora03r.jssora03rdn      (disabled)
        */
 
 .jssora03l,
 .jssora03r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 55px;
     height: 55px;
     cursor: pointer;
     background: url('../../data/jssor/a03.png') no-repeat;
     overflow: hidden;
 }
 .jssora03l {
     background-position: -3px -33px;
 }
 .jssora03r {
     background-position: -63px -33px;
 }
 .jssora03l:hover {
     background-position: -123px -33px;
 }
 .jssora03r:hover {
     background-position: -183px -33px;
 }
 .jssora03l.jssora03ldn {
     background-position: -243px -33px;
 }
 .jssora03r.jssora03rdn {
     background-position: -303px -33px;
 }
 .jssora03l.jssora03lds {
     background-position: -3px -33px;
     opacity: .3;
     pointer-events: none;
 }
 .jssora03r.jssora03rds {
     background-position: -63px -33px;
     opacity: .3;
     pointer-events: none;
 }
 /*jssor3*/
 /* jssor slider arrow navigator skin 02 css */
 /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        .jssora02l.jssora02lds      (disabled)
        .jssora02r.jssora02rds      (disabled)
        */
 
 .jssora02l,
 .jssora02r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 35px;
     height: 28px;
     cursor: pointer;
     overflow: hidden;
 }
 .jssora02l {
     background-position: -3px -33px;
 }
 .jssora02r {
     background-position: -63px -33px;
 }
 .jssora02l:hover {
     background-position: -123px -33px;
 }
 .jssora02r:hover {
     background-position: -183px -33px;
 }
 .jssora02l.jssora02ldn {
     background-position: -3px -33px;
 }
 .jssora02r.jssora02rdn {
     background-position: -63px -33px;
 }
 .jssora02l.jssora02lds {
     background-position: -3px -33px;
     opacity: .3;
     pointer-events: none;
 }
 .jssora02r.jssora02rds {
     background-position: -63px -33px;
     opacity: .3;
     pointer-events: none;
 }
 /* jssor slider thumbnail navigator skin 11 css */
 /*.jssort11 .p            (normal).jssort11 .p:hover      (normal mouseover).jssort11 .pav          (active).jssort11 .pav:hover    (active mouseover).jssort11 .pdn          (mousedown)*/
 
 .jssort11 .p {
     position: absolute;
     top: 0;
     left: 0;
     width: 200px;
     height: 69px;
 }
 .jssort11 .tp {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }
 .jssort11 .i,
 .jssort11 .pav:hover .i {
     position: absolute;
     top: 3px;
     left: 3px;
     width: 60px;
     height: 30px;
     border: white 1px dashed;
 }
 * html .jssort11 .i {
     width/**/
     : 62px;
     height/**/
     : 32px;
 }
 .jssort11 .pav .i {
     border: white 1px solid;
 }
 .jssort11 .t,
 .jssort11 .pav:hover .t {
     position: absolute;
     top: 3px;
     left: 68px;
     width: 129px;
     height: 32px;
     line-height: 32px;
     text-align: center;
     color: #fc9835;
     font-size: 13px;
     font-weight: 700;
 }
 .jssort11 .pav .t,
 .jssort11 .p:hover .t {
     color: #fff;
 }
 .jssort11 .c,
 .jssort11 .pav:hover .c {
     position: absolute;
     top: 38px;
     left: 3px;
     width: 194px;
     height: 32px;
     line-height: 32px;
     color: #fff;
     font-size: 11px;
     font-weight: 400;
     overflow: hidden;
 }
 .jssort11 .pav .c,
 .jssort11 .p:hover .c {
     color: #fc9835;
 }
 .jssort11 .t,
 .jssort11 .c {
     transition: color 2s;
     -moz-transition: color 2s;
     -webkit-transition: color 2s;
     -o-transition: color 2s;
 }
 .jssort11 .p:hover .t,
 .jssort11 .pav:hover .t,
 .jssort11 .p:hover .c,
 .jssort11 .pav:hover .c {
     transition: none;
     -moz-transition: none;
     -webkit-transition: none;
     -o-transition: none;
 }
 .jssort11 .p:hover,
 .jssort11 .pav:hover {
     background: #333;
 }
 .jssort11 .pav,
 .jssort11 .p.pdn {
     background: #462300;
 }
 /*jssor4*/
 /* jssor slider arrow navigator skin 05 css */
 /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
 
 .jssora05l,
 .jssora05r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 40px;
     height: 40px;
     cursor: pointer;
     background: url('../data/jssor/a17.png') no-repeat;
     overflow: hidden;
 }
 .jssora05l {
     background-position: -10px -40px;
 }
 .jssora05r {
     background-position: -70px -40px;
 }
 .jssora05l:hover {
     background-position: -130px -40px;
 }
 .jssora05r:hover {
     background-position: -190px -40px;
 }
 .jssora05l.jssora05ldn {
     background-position: -250px -40px;
 }
 .jssora05r.jssora05rdn {
     background-position: -310px -40px;
 }
 .jssora05l.jssora05lds {
     background-position: -10px -40px;
     opacity: .3;
     pointer-events: none;
 }
 .jssora05r.jssora05rds {
     background-position: -70px -40px;
     opacity: .3;
     pointer-events: none;
 }
 /* jssor slider thumbnail navigator skin 01 css */
 /*.jssort01-99-66 .p            (normal).jssort01-99-66 .p:hover      (normal mouseover).jssort01-99-66 .p.pav        (active).jssort01-99-66 .p.pdn        (mousedown)*/
 
 .jssort01-99-66 .p {
     position: absolute;
     top: 0;
     left: 0;
     width: 99px;
     height: 66px;
 }
 .jssort01-99-66 .t {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }
 .jssort01-99-66 .w {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
 }
 .jssort01-99-66 .c {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 95px;
     height: 62px;
     border: #000 2px solid;
     box-sizing: content-box;
     background: url('../data/jssor/t01.png') -800px -800px no-repeat;
     _background: none;
 }
 .jssort01-99-66 .pav .c {
     top: 2px;
     _top: 0px;
     left: 2px;
     _left: 0px;
     width: 95px;
     height: 62px;
     border: #000 0px solid;
     _border: #fff 2px solid;
     background-position: 50% 50%;
 }
 .jssort01-99-66 .p:hover .c {
     top: 0px;
     left: 0px;
     width: 97px;
     height: 64px;
     border: #fff 1px solid;
     background-position: 50% 50%;
 }
 .jssort01-99-66 .p.pdn .c {
     background-position: 50% 50%;
     width: 95px;
     height: 62px;
     border: #000 2px solid;
 }
 * html .jssort01-99-66 .c,
 * html .jssort01-99-66 .pdn .c,
 * html .jssort01-99-66 .pav .c {
     /* ie quirks mode adjust */
     width/**/
     : 99px;
     height/**/
     : 66px;
 }
 /*jssor5*/
 /* jssor slider loading skin oval css */
 
 .jssorl-oval img {
     animation-name: jssorl-oval;
     animation-duration: 1.2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
 }
 @keyframes jssorl-oval {
     from {
         transform: rotate(0deg);
     }
     to {
         transform: rotate(360deg);
     }
 }
 /* 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('../../../data/jssor/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: 40px;
     height: 58px;
     cursor: pointer;
     background: url('../../data/jssor/a22.png') center center no-repeat;
     overflow: hidden;
 }
 .jssora22l {
     background-position: -10px -31px;
 }
 .jssora22r {
     background-position: -70px -31px;
 }
 .jssora22l:hover {
     background-position: -130px -31px;
 }
 .jssora22r:hover {
     background-position: -190px -31px;
 }
 .jssora22l.jssora22ldn {
     background-position: -250px -31px;
 }
 .jssora22r.jssora22rdn {
     background-position: -310px -31px;
 }
 .jssora22l.jssora22lds {
     background-position: -10px -31px;
     opacity: .3;
     pointer-events: none;
 }
 .jssora22r.jssora22rds {
     background-position: -70px -31px;
     opacity: .3;
     pointer-events: none;
 }
 /*jssor6*/
 /* jssor slider bullet navigator skin 13 css */
 /*
        .jssorb13 div           (normal)
        .jssorb13 div:hover     (normal mouseover)
        .jssorb13 .av           (active)
        .jssorb13 .av:hover     (active mouseover)
        .jssorb13 .dn           (mousedown)
        */
 
 .jssorb13 {
     position: absolute;
 }
 .jssorb13 div,
 .jssorb13 div:hover,
 .jssorb13 .av {
     position: absolute;
     /* size of bullet elment */
     width: 21px;
     height: 21px;
     background: url('../../data/jssor/b13.png') no-repeat;
     overflow: hidden;
     cursor: pointer;
 }
 .jssorb13 div {
     background-position: -5px -5px;
 }
 .jssorb13 div:hover,
 .jssorb13 .av:hover {
     background-position: -35px -5px;
 }
 .jssorb13 .av {
     background-position: -65px -5px;
 }
 .jssorb13 .dn,
 .jssorb13 .dn:hover {
     background-position: -95px -5px;
 }
 /*jssor8*/
 /* jssor slider thumbnail navigator skin 13 css */
 /*.jssort13 .p            (normal).jssort13 .p:hover      (normal mouseover).jssort13 .pav          (active).jssort13 .pav:hover    (active mouseover).jssort13 .pdn          (mousedown)*/
 
 .jssort13 .p {
     POSITION: absolute;
     WIDTH: 100px;
     HEIGHT: 30px;
     TOP: 0;
     LEFT: 0;
     padding: 0px;
 }
 .jssort13 .w {
     cursor: pointer;
     position: absolute;
     WIDTH: 98px;
     HEIGHT: 29px;
     border: 1px solid gray;
     top: -1px;
     left: 0px;
 }
 .jssort13 .pav .w,
 .jssort13 .pdn .w {
     border-right: 1px solid #fff;
 }
 .jssort13 .c {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     line-height: 29px;
     text-align: center;
     color: #000;
     font-size: 13.0px;
 }
 .jssort13 .p .c,
 .jssort13 .pav:hover .c {
     background-color: #eee;
 }
 .jssort13 .pav .c,
 .jssort13 .p:hover .c {
     background-color: #fff;
 }