.cocoen{    position: relative;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 *{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:url("../images/scroll.png") center top no-repeat;
height: 71px;
    width: 103px;
bottom:0;cursor:ew-resize;left:50%;margin-left:-61px;position:absolute;top:50%;
margin-top: -36px;}
.cocoen-drag:before{
    content: '';
    width: 8px;
    left: 50%;
    margin-left: -4px;
    top: -1000px;
    bottom: -1000px;
    position: absolute;
    background: #006068;
}