.hiSlider-pages,
.hiSlider-title {
    position: absolute;
    z-index: 3
}

.hiSlider-btn-prev,
.hiSlider-btn-next {
    position: absolute;
    z-index: 5;
    top: 40%;
    height: 30px;
    width: 30px;
    background: url(../image/hislider-arrow.png) no-repeat;
    /*margin-top: -15px;*/
    text-indent: -200px;
    overflow: hidden;
    opacity: 1;
    filter: alpha(opacity:60)
}

.hiSlider-btn-prev {
    left: 5px
}

.hiSlider-btn-next {
    right: 5px;
    background-position: -30px 0
}

.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover {
    opacity: 1;
    filter: alpha(opacity:100)
}

.hiSlider-title {
    bottom: 0;
    width: 100%;
    padding: 6px 0;
    color: #fff;
    text-indent: 10px;
    background: rgba(0, 0, 0, .6);
    z-index: 2;
    font: 14px/2 "Microsoft YaHei", Arial, Tahoma
}

.hiSlider-pages {
    bottom: 10px;
    right: 10px;
    text-align: right
}

.hiSlider-pages a {
    height: 12px;
    width: 12px;
    margin: 0 6px;
    display: inline-block;
    overflow: hidden;
    text-indent: -100px;
    font-size: 0;
    border-radius: 50%;
    background: #ddd
}

.hiSlider-pages a.active {
    background: #5472BF
}

@media screen and (min-width: 640px) {

    .hiSlider-pages,
    .hiSlider-title {
        position: absolute;
        z-index: 3
    }

    .hiSlider-btn-prev,
    .hiSlider-btn-next {
        position: absolute;
        z-index: 5;
        top: 34%;
        height: 30px;
        width: 30px;
        background: url(../image/hislider-arrow.png) no-repeat;
        margin-top: -15px;
        text-indent: -200px;
        overflow: hidden;
        opacity: 1;
        filter: alpha(opacity:60)
    }

    .hiSlider-btn-prev {
        left: 5px
    }

    .hiSlider-btn-next {
        right: 5px;
        background-position: -30px 0
    }

    .hiSlider-btn-prev:hover,
    .hiSlider-btn-next:hover {
        opacity: 1;
        filter: alpha(opacity:100)
    }

    .hiSlider-title {
        bottom: 0;
        width: 100%;
        padding: 6px 0;
        color: #fff;
        text-indent: 10px;
        background: rgba(0, 0, 0, .6);
        z-index: 2;
        font: 14px/2 "Microsoft YaHei", Arial, Tahoma
    }

    .hiSlider-pages {
        bottom: 10px;
        right: 10px;
        text-align: right
    }

    .hiSlider-pages a {
        height: 12px;
        width: 12px;
        margin: 0 6px;
        display: inline-block;
        overflow: hidden;
        text-indent: -100px;
        font-size: 0;
        border-radius: 50%;
        background: #ddd
    }

    .hiSlider-pages a.active {
        background: #5472BF
    }

}
@media screen and (min-width: 1280px) {
	.hiSlider-pages,
    .hiSlider-title {
        position: absolute;
        z-index: 3
    }

    .hiSlider-btn-prev,
    .hiSlider-btn-next {
        position: absolute;
        z-index: 5;
        top: 45%;
        height: 30px;
        width: 30px;
        background: url(../image/hislider-arrow.png) no-repeat;
        /*margin-top: -15px;*/
        text-indent: -200px;
        overflow: hidden;
        opacity: .9;
        filter: alpha(opacity:60)
    }

    .hiSlider-btn-prev {
        left: 5px
    }

    .hiSlider-btn-next {
        right: 5px;
        background-position: -30px 0
    }

    .hiSlider-btn-prev:hover,
    .hiSlider-btn-next:hover {
        opacity: 1;
        filter: alpha(opacity:100)
    }

    .hiSlider-title {
        bottom: 0;
        width: 100%;
        padding: 6px 0;
        color: #fff;
        text-indent: 10px;
        background: rgba(0, 0, 0, .6);
        z-index: 2;
        font: 14px/2 "Microsoft YaHei", Arial, Tahoma
    }

    .hiSlider-pages {
        bottom: 10px;
        right: 10px;
        text-align: right
    }

    .hiSlider-pages a {
        height: 12px;
        width: 12px;
        margin: 0 6px;
        display: inline-block;
        overflow: hidden;
        text-indent: -100px;
        font-size: 0;
        border-radius: 50%;
        background: #ddd
    }

    .hiSlider-pages a.active {
        background: #5472BF
    }


}