.cocoen, .cocoen_1{
box-sizing:border-box;
cursor:pointer;
line-height:0;
margin:0;
overflow:hidden;
padding:0;
position:relative;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.cocoen, .cocoen_1 *{
box-sizing:inherit
}

.cocoen ::after,.cocoen ::before, .cocoen_1 ::after,.cocoen_1 ::before{
box-sizing:inherit
}

.cocoen img,.cocoen picture>img, .cocoen_1 img,.cocoen_1 picture>img{
max-width:none
}

.cocoen>img,.cocoen>picture>img, .cocoen_1>img,.cocoen_1>picture>img{
display:block;
width:100%
}

.cocoen>div:first-child, picture .cocoen>div{
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:50%
}


.cocoen_1>div:first-child, picture .cocoen_1>div {
width:35%
}

.cocoen-drag{
background:#FF0000;
bottom:0;
cursor:ew-resize;
left:50%;
/*margin-left:-15px;*/
position:absolute;
top:0;
width:5px;
/*	height:90%;*/
	
}
.cocoen_1-drag {

left:35%;

}
.cocoen-drag::before, .cocoen_1-drag::before{
border:3px solid #FF0000;
content:'';
height:30px;
left:50%;
margin-left:-10px;
margin-top:-18px;
position:absolute;
top:50%;
width:20px
}