@media screen and (min-width: 1350px) {
    .control-box {
        width: 1350px;
        height: 400px;
        margin: 70px auto 0px;
    }

        .control-box ul {
            list-style: none;
            position: relative;
        }

            .control-box ul li {
                position: absolute;
                cursor: pointer;
            }

    .prev {
        left: 0;
        background-color: #F8F9FB;
        line-height: 250px;
        padding-right: 81px;
        padding-left: 20px;
        margin-left: -20px;
        margin-top: 25px;
        z-index: 90;
        height: 250px;
    }

    .next {
        right: 0;
        background-color: #F8F9FB;
        line-height: 250px;
        padding-left: 90px;
        padding-right: 20px;
        margin-right: -20px;
        margin-top: 25px;
        height: 250px;
        z-index: 90;
    }

    .bigbox {
        overflow: hidden;
        width: 1200px;
        height: 300px;
        margin: auto 70px auto;
        padding-left: -25px;
        padding-right: -25px;
        padding-top: 25px;
    }

    #switcher {
        height: 300px;
        left: 0px;
    }

    .content_1.content_2 {
        width: 100%;
        z-index: 90;
        float: left;
    }

    .box {
        transition: all .7s ease 0s;
        width: 250px;
        height: 250px;
        float: left;
        margin-left: 25px;
        margin-right: 25px;
        z-index: 90;
    }

        .box img {
            margin: auto auto;
        }

        .box:hover {
            z-index: 90;
            box-shadow: 0px 0px 20px #888888;
        }
}

@media screen and (max-width: 1349px) {
    .control-box {
        width: 90%;
        height: 100%;
        margin: 0px auto;
        padding-bottom:30px;
    }

        .control-box ul {
            list-style: none;
            position: relative;
        }

            .control-box ul li {
                position: absolute;
                cursor: pointer;
            }

    .prev {
        background-color: #F8F9FB;
        padding:5.65% 3.2%;
        margin-top:5%;
        z-index: 90;
    }

    .next {
        right: 0;
        background-color: #F8F9FB;
        padding:5.65% 3.2%;
        margin-top:5%;
        z-index: 90;
    }

    .bigbox {
        overflow: hidden;
        width: 90%;
        height: 100%;
        margin:auto;
        padding:5% 0px;
    }

    #switcher {
        left: 0px;
    }

    .content_1.content_2 {
        width: 100%;
        z-index: 90;
        float: left;
    }

    .box {
        transition: all .7s ease 0s;
        width: 5%;
        height: 6%;
        margin-left:0.625%;
        margin-right:0.625%;
        float: left;
        z-index: 90;
    }

        .box img {
            margin: auto auto;
        }

        .box:hover {
            z-index: 90;
            box-shadow: 0px 0px 20px #888888;
        }
}