.owl-flash {
    position: relative;
    overflow: hidden;
    background: #f3f3f3;
}

    .owl-flash .owl-item {
        position: relative;
        overflow: hidden
    }

        .owl-flash .owl-item .item {
            display: block;
            width: 100%;
            overflow: hidden;
            min-height: 360px;
            max-height: 480px;
            height: 30vw;
            position: relative
        }

            .owl-flash .owl-item .item a {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover
            }

    .owl-flash .owl-controls {
        text-align: center;
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 30px;
        z-index: 99
    }

        .owl-flash .owl-controls .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1;
            *display: inline;
            overflow: hidden
        }

            .owl-flash .owl-controls .owl-dots .owl-dot span {
                transition: all 0.5s ease-in-out 0s;
                display: block;
                width: 30px;
                height: 3px;
                line-height: 3px;
                background: #666666;
                margin: 0px 5px;
                overflow: hidden;
            }

            .owl-flash .owl-controls .owl-dots .owl-dot:hover span {
                background: #d0111b;
            }

            .owl-flash .owl-controls .owl-dots .owl-dot.active span {
                background: #d0111b;
            }

.owl-item.loading {
    background: url(/cms/image/loading2.gif) no-repeat center center
}


@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .owl-flash .owl-item .item {
        display: block;
        width: 100%;
        overflow: hidden;
        min-height: 180px;
        position: relative;
        height: 40vw;
        max-height: 300px;
    }

    .owl-flash .owl-controls .owl-dots .owl-dot span {
        transition: all 0.5s ease-in-out 0s;
        width: 20px;
        height: 2px;
        line-height: 2px;
        margin: 0px 5px
    }

    .owl-flash .owl-controls {
        bottom: 10px
    }
}