.cocoen{box-sizing:border-box;cursor:default;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 *{box-sizing:inherit}

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

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

.cocoen>img,.cocoen>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-drag{background:#d4d4d4;bottom:0;cursor:ew-resize;left:50%;margin-left:-4px;position:absolute;top:0;width:0px;}

.cocoen-drag::before{border:none; border-radius:0px; content:'';height:100%;left:50%;margin-left:-20px;margin-top:0px;position:absolute;top:0%;width:51px; background-image: url(../img/buttons/slider_bef_aft.png); background-repeat: no-repeat; background-position: center center;}