.views-slide {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.slides {
    float: left;
    height: auto;
    /*margin-top: -10px;*/
    width: 100%;
}


#jssor_1 {
    float: left;
}

.slide-jssor {
    position: relative;
    margin: 0px auto;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 580px;
    overflow: hidden;
    visibility: visible;
}

.slide-jssor > .sub-slide {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 580px ;
    overflow: hidden;
}
#jssor_slide_chitiet > .sub-slide {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 450px!important;
    overflow: hidden;
}
#jssor_slide_chitiet .sub-slide  a > img {
    width:100%;
}
.chitiet{
    height:450px!important;
}


.jssora05l {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 29px;
    height: 56px !important;
    cursor: pointer;
    background: url('../img/prev_slide.png') no-repeat;
    overflow: hidden;
}

.jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 29px;
    height: 56px !important;
    cursor: pointer;
    background: url('../img/next_slide.png') no-repeat;
    overflow: hidden;
}

.jssorb01 {
    position: absolute;
}


.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    /* size of bullet elment */
    width: 15px !important;
    height: 15px !important;
    overflow: hidden;
    cursor: pointer;
    border: 0px;
}


.jssorb01 div {
    background-color: #008dd0;
}

    .jssorb01 div:hover, .jssorb01 .av:hover {
        background-color: #fff;
    }

.jssorb01 .av {
    background-color: #fff;
}

.jssorb01 .dn, .jssorb01 .dn:hover {
    background-color: #fff;
}