body {
    margin:0;
    padding:0;
}

.slideWrap {
    width:530px;
    margin:0 auto;
}

.slide {
    width:100%;
    overflow:hidden;
    position:relative;
}

.slideInner {
    list-style:none;
    margin:0;
    padding:0;
}
.slideInner li {
    position:absolute;
    width:100%;
    background:#fff;
    margin:0;
    padding:0;
}
.slideInner li img {
    width:100%;
}

.slidePrev {
    position:absolute;
    width:50px;
    height:60px;
    left:0;
    cursor:pointer;
    z-index:100;
}

.slideNext {
    position:absolute;
    display:block;
    width:50px;
    height:60px;
    right:0;
    cursor:pointer;
    z-index:100;
}

.controlNav {
    position:relative;
    float:left;
    left:50%;
    bottom:0;
}
.controlNav span {
    position:relative;
    left:-50%;
    overflow:hidden;
    float:left;
    width:50px;
    height:50px;
    margin:5px;
    vertical-align:middle;
    border:2px solid #fff;
}

.controlNav span img {
    width:100%;
    height:100%;
}
.controlNav span:hover {
    border:2px solid #999;
    cursor:pointer;
}
.controlNav span.current {
    border:2px solid #333;
}

@media screen and (max-width:767px) {
    .slideWrap {
        width:100%;
    }
}