﻿/*css*/


@media only screen and ( min-width:1680px) and (max-width :1921px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        /*height: 200px;*/
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px auto;
        /*width: 300px;*/
        /* min-height: 350px; */
        display: block;
    }
}

@media only screen and ( min-width:1680px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        /* height: 200px; */
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px auto;
        /* min-width: 650px; */
        /* min-height: 350px; */
        display: block;
    }
}



/*影片*/

@media only screen and ( min-width:1279px) and (max-width :1679px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        /*height: 250px;*/
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px auto;
        /*min-width: 650px;
        min-height: 350px;*/
        display: block;
    }
}

@media only screen and ( min-width:960px) and (max-width :1278px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px auto;
        /*min-width: 650px;
        min-height: 350px;*/
        display: block;
    }
}

@media only screen and ( min-width:481px) and (max-width :959px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px auto;
        /*min-width: 300px;*/
        display: block;
    }
}

@media only screen and ( min-width:321px) and (max-width :480px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        /*height: 125px;*/
        max-width: 100%;
        margin-bottom: 30px;
    }
}

@media only screen and ( max-width:320px) {
    .previewVideoIframe, .carousel-inner > .item > img {
        /*height: 125px;*/
        max-width: 100%;
    }
}
