.slide {
    position: relative;
    overflow: hidden;
}

.slide img[slide-src] {
    opacity: 0
}

.slide_wrap {
    position: relative;
    width   : 100%
}

.slide_wrap img {
    max-width: none;
}

.slide_c {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    overflow: hidden;
    display : none
}

.slide_effect_toggle .active {
    display: block
}

.slide_effect_slide .active {
    position: relative;
    display : block;
    margin  : auto
}

.slide_effect_slide .slide_prev {
    left   : 0;
    display: block
}

.slide_effect_slide .slide_next {
    left   : auto;
    right  : 0;
    display: block
}

.slide_nav {
    position  : absolute;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    z-index   : 8;
    text-align: center
}

.slide_nav a {
    display      : inline-block;
    width        : 0.8em;
    height       : 0.8em;
    border-radius: 0.4em;
    overflow     : hidden;
    text-indent  : -99px;
    background   : #fff;
    margin       : 0 0.5em 0.5em;
    cursor       : pointer
}

.slide_nav .on {
    background: #999;
}

.slide .arrs {
    position           : absolute;
    cursor             : pointer;
    z-index            : 9;
    -webkit-user-select: none;
    user-select        : none
}

.arrs.unable {
    cursor: default
}