.sss-wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.sss {
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
}

.ssslide {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top:0;
    left: 0;
    display: none;
    overflow: hidden;
}

.ssslide img,img.ssslide  {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    position: relative;
    display: block;
}


.sssnext, .sssprev {
    width: 50%;
    height: 70%;
    /*margin: 0;*/
    position: absolute;
    /*bottom: 0;*/
}
.sssguild{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 220px;
    height: 60px;
    z-index: 10;
    padding: 10px 5px;
}
.sssprev {
    left: 3px;
    background: url(./arrl.png) no-repeat;
    background-size: contain;
    /*border-right: 2px solid #ccc;*/
}

.sssnext {
    right: 3px;
    background: url(./arrr.png) no-repeat;
    background-size: contain;
    border-left: 2px solid #999;
}

.sssprev:hover,
.sssnext:hover {
    cursor: pointer;
}

.just_text {
    width: 100%;
    height: 100%;
    font-family: "Raleway";
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

.caption {
    font-family: "Raleway";
    font-weight: 700;
    text-align: center;
}