.slider {
    position: relative;
    width: 1200px;
    margin: 0 auto 20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.frame {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 20px;
}

.frame li {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 200px;
}
.frame li img{ width: 100%;height: 100%;}
.frame li div.text{z-index: 3; background: rgba(0,0,0,0.4); height: 35px; line-height: 35px; color: #fff; text-align: center; position: absolute; left: 0px; bottom: 0px; width: 100%; font-size: 15px;}

.slides {
    display: inline-block;
}
.multislides li{
    width: 280px;
    height: 200px;
    margin-right: 26px;
}


.multislides li:last-child {
    margin-right: 0;
}

.prev, .next {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    display: block;
    cursor: pointer;
    background: rgba(0,0,0,0.5);
    height: 80px;
    width: 25px;
    text-align: center;
}

.next img,.prev img{ position: relative; top: 50%; margin-top: -20px;}

.next {
    right: 0;
}

.prev {
    left: 0;
}