.slider-preview-warper{
    width: 100%;
    display: none;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 9999999;
    padding: 0;
    background: #d5d5d6;
    @include box-sizing();
    @include box-shadow(0px 0px 114px -2px rgba(0,0,0,0.7));
    .slider-preview-container{
        position: relative;
        border-top: 1px solid #ccc;
        > .bg{
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            height: 100%;
            overflow: hidden;
            background-size: cover;
            background-position:  center center;
            .mejs-container {
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                position: absolute;
                top: 50%;
                left: 50%;
                min-width: 100%;
                min-height: 100%;
                width: auto;
                height: auto;
                z-index: -100;
            }
        }
    }
    .slider-preview-inner{
        @include box-sizing();
        max-width: 1170px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        height: 800px;
        width: 100%;
        .box-gird-preview{
            width: 100%;
            height: 800px;
            .box-layer{
                position: absolute;
                left: 0;
                top: 0;
            }
        }
    }
    .container{
        max-width: 1170px;
        @include box-sizing();
        margin: 0 auto;
        position: relative;
        .preview-close{
            position: absolute;
            z-index: 999;
            right: 0;
            top: 0;
        }
    }
}
.slider-preview-all-warper{
    width: 100%;
    display: none;
    position: absolute;
    top: 50px;
    left: -75px;
    z-index: 9999999;
    padding: 0;
    background: #d5d5d6;
    @include box-sizing();
    @include box-shadow(0px 0px 114px -2px rgba(0,0,0,0.7));
    .inner{
        position: relative;
        width: auto;
        height: auto;
    }
    .container{
        max-width: 1170px;
        @include box-sizing();
        margin: 0 auto;
        position: relative;
        .preview-close{
            position: absolute;
            z-index: 999;
            right: 0;
            top: 0;
        }
    }
}