.#{$prefix}-overlay-image-hover{
    @extend %overlay;
    @extend %perspective;
    &:before{
        background-color: rgba($color_white,0.6);
        content: '';
        @include animation(scale-out-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both);
    }
    &:hover{
        &:before{
            @include animation( scale-in-hor-left  0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both);
        }
    }
}
.#{$prefix}-body-overlay{
    @include transition();

    &.show{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba($color_black,0.7);
        z-index: 10;
    }

}
