.containerslider{
position:relative;
margin:auto;
margin-bottom:20px;
width:100%;
height:auto;
min-height:200px;
overflow:hidden;

}



.containerslider .runnercontainer{
position:relative;
width:100%;
height:auto;
border:0px solid;
background-color:#;
overflow:hidden;
}


.containerslider .containersliderrunner{
display:flex;
width:99%;
height:auto;
position:relative;
background-color:#;
margin-top:0px;
z-index:4;
}

.containerslider .mslides{
position:relative;
width:100%;
}



.containerslider .mslider{
position:relative;
float:left;
width:25%;
padding:10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.containerslider .mslider img{
width:100%;
}





.containerslider .csleft{
position:absolute;
top:110px;
left:-50px;
text-align:center;width:50px;
height:50px;
background-color:rgba(0,0,0,0.6);
color:#FFFFFF;
cursor:pointer;
border:0px solid #000;
border-left:none;
z-index:5;
}


.containerslider .csright{
position:absolute;
top:110px;
left:100%;
text-align:center;
width:50px;
height:50px;
background-color:rgba(0,0,0,0.6);
color:#FFFFFF;
cursor:pointer;
border:0px solid #000;
border-right:none;
z-index:5;
}



.containerslider .csleft i,.containerslider .csright i{
line-height:45px;
font-size:36px;
}


.containerslider .cstitle{
position:relative;
padding-left:15px;
padding-right:15px;
line-height:40px;
background-color:#666666;
color:#FFFFFF;
width:30px;
display:table;
float:left;
cursor:pointer;
font-size:16px;
display:none;

}


.containerslider .containersliderrunner2{
z-index:1;
position:absolute;
top:0%;
background-color:#ff0000;
}


.fading{
transition:all 1s ease;
}

.containerslider:hover .fading{
opacity:0;
}


@media(max-width:1000px){

.containerslider .cstitle{
display:none;
}

}