/* 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)
*/
#jssor_1 {

}

#jssor_1 .jssor_part1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

#jssor_1 .part1 {
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#jssor_1 .part2 {
    position: absolute;
    display: block;
    background: url('../../../img/loading3.gif') no-repeat center center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#jssor_1 .jssor_part2 {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    width: 1300px;
    height: 800px;
    overflow: hidden;
    margin-top: 60px;
}

.none-display {
    display: none;
}

.jssor_text {
    position: absolute;
    top: 420px;
    left: 28%;
    width:44%;
    font-size: 15px;
    color: #ffffff;
    line-height: 40px;
    background-color: rgba(0,0,0,0.4);
    /*border: solid 1px rgba(210,210,210,0.6);*/

    /*background-color: rgba(210, 210, 210, 0.2);*/
}

.jssor_text h5:first-child {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    margin: 20px 0;
    text-shadow: 3px 3px #000;
}

.jssor_text h5 {
    font-size: 24px;
    /*color: #01baf2;*/
    /*text-shadow: 1px 1px 0.5px #000;*/
    font-weight: bold;
    color: #ffffff;
    text-shadow: 3px 3px #000;
}

.jssor_text ul li {
    text-shadow: 2px 1px #000;
    font-size:17px;
    line-height:27px;
}

.jssorb05 {
    position: absolute;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 80px;
    height: 80px;
    background: url("../../../img/arroe-left5.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 {
    display: block;
    position: absolute;
    /* size of arrow element */
    cursor: pointer;
    background: url("../../../img/previous.png") center center no-repeat;
    overflow: hidden;
    top: 0px;
    left: 0;
    width: 80px;
    height: 58px;
}

.jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    cursor: pointer;
    background: url("../../../img/next.png") center center no-repeat;
    overflow: hidden;
    top: 0px;
    right: 0;
    width: 80px;
    height: 58px;
}

/*.jssora22l img{*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/*.jssora22l::after{*/
/*content: "\f061";*/
/*font-family: FontAwesome;*/
/*cursor: pointer;*/
/*position: absolute;*/

/*}*/
/*.jssora22l{*/
/*background-color: red;*/
/*width: 50px;*/
/*height: 50px;*/
/*}*/
/*.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;
}