/* jssor slider loading skin spin css */
.jssorl-spin img {
    animation-name: jssorl-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.bullet-navigator .i {position:absolute;color:#fff;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.bullet-navigator .i .n {display:none;}
.bullet-navigator .i .b {fill:#fff;stroke:#000;stroke-width:500;stroke-miterlimit:10;stroke-opacity:.5;}
.bullet-navigator .i:hover .b {fill:#fea900;stroke:#fea900;stroke-width:6000;stroke-opacity:1;}
.bullet-navigator .iav .b {fill:#000;stroke-width:6000;stroke-opacity:1;}
.bullet-navigator .i.idn {opacity:.3;}
.bullet-navigator .iav .n, .bullet-navigator .i:hover .n {display:block;}

.thumb-navigator .p {
    position:absolute;
    top:0;left:0;
    border-bottom:1px solid rgba(255,255,255,.2);
    box-sizing:border-box;
    background:rgba(255,255,255,.7);
    opacity:.7;
}
.thumb-navigator .p .t {
    position:absolute;
    padding:5px;
    box-sizing:border-box;
    top:0;left:0;
    width:100%;height:100%;
    line-height:22px;
    overflow:hidden;
}
.thumb-navigator .p .i {
    margin-right:10px;
    position:relative;
    top:0;left:0;
    width:80px;height:64px;
    border:none;
    float:left;
}
.thumb-navigator .pav, .thumb-navigator .p:hover {
    color:#000;
    background:rgba(0,0,0,.1);
}
.thumb-navigator .p:hover {opacity:.75;}
.thumb-navigator .pav, .thumb-navigator .p:hover.pdn {opacity:1;}
.thumb-navigator .ti {position:relative;font-size:12px;}
.thumb-navigator .d {position:relative;font-size:12px;}
/*.jssort121 .d:before {content:'\a';white-space:pre;}*/