/*********************************/

.slider_one_big_picture {
    position: relative;
    width: 50vw;
    height: 38vw;
    margin: 0 auto;
    user-select: none;
    /*overflow: hidden;*/
}

.slider_one_big_picture > * {
    transition: ease all 1s;
}

.slider_one_big_picture .hidden {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.slider_one_big_picture .active {
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.slider_one_big_picture .prev1,
.slider_one_big_picture .next1 {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 0px;
    height: 100%;
    z-index: 0;
}

.slider_one_big_picture .next1 {
    left: 100%;
}

.slider_one_big_picture .prev2,
.slider_one_big_picture .next2 {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 0px;
    height: 100%;
    z-index: 0;
}

.slider_one_big_picture .next2 {
    left: 100%;
}



.slider_four_in_line {
    /*width: 100vw;
    height: 19.5vw;
    position: relative;
    margin: 0 auto;
    user-select: none*/;
}

.slider_four_in_line > * {
    transition: ease all 1s;
    /*overflow: hidden;*/
}

.slider_four_in_line .hidden {
    opacity: 0;
    z-index: 0;
    top: 0px;
    left: 50%;
}

.slider_four_in_line .active,
.slider_four_in_line .next1,
.slider_four_in_line .next2,
.slider_four_in_line .next3,
.slider_four_in_line .next4,
.slider_four_in_line .prev1 {
    position: absolute;
    /*width: 24%;
    height: 100%;*/
    top: 0px;
    left: 25%;
    z-index: 10;
    /*margin: 0 0.5%;*/
}

.slider_four_in_line .next1 {
    left: 50%;
}

.slider_four_in_line .next2 {
    left: 75%;
}

.slider_four_in_line .next3 {
    width: 0%;
    left: 100%;
    z-index: 0;
    opacity: 0;
}

.slider_four_in_line .next4 {
    left: 100%;
    width: 0%;
    z-index: 0;
    opacity: 0;
}

.slider_four_in_line .prev1 {
    position: absolute;
    /*width: 24%;
    height: 100%;*/
    top: 0px;
    left: 0%;
    z-index: 10;
    opacity: 1;
}

.slider_four_in_line .prev2,
.slider_four_in_line .prev3,
.slider_four_in_line .prev4 {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0px;
    left: 0%;
    z-index: 0;
    opacity: 0;
}


.proslider .next_button{width: 68px;height: 68px;background: url(../images/l1.png) no-repeat;position: absolute;top:30%;left: -7%;transition: 0.5s; z-index:99999;}
.proslider .prev_button{width: 68px;height: 68px;background: url(../images/r1.png) no-repeat;position: absolute;top:30%;right: -7%;transition: 0.5s;z-index:99999;}
.proslider  div.next_button:hover{background: url(../images/l1-1.png) no-repeat;}
.proslider  div.prev_button:hover{background: url(../images/r1-1.png) no-repeat;}
@media screen and (max-width: 1440px){ 
.proslider  div.next_button{left:42%;top:108%;}
.proslider  div.prev_button{right:42%;top:108%;}
.proslider  div.next_button:hover,.proslider  div.prev_button:hover{}
}
@media screen and (max-width: 1200px){ 
.proslider .prev_button,.proslider .next_button,.proslider  div.next_button:hover,.proslider  div.prev_button:hover{width: 50px;height: 50px;background-size: 100%;}
}
@media screen and (max-height: 750px){ 
.proslider  div.next_button{left:43.5%;top:93%;width: 45px;height:45px;background-size: 100% 100%;}
.proslider  div.prev_button{right:45%;top:93%;width: 45px;height:45px;background-size: 100% 100%;}
.proslider  div.next_button:hover,.proslider  div.prev_button:hover{background-size: 100% 100%;}
}

