#skinn{overflow:hidden;position:relative}#skinn video{width:100%;height:auto}#skinn video::-webkit-media-controls,#skinn video::-webkit-media-controls-enclosure{display:none!important}::-moz-full-screen #skinn{width:100%;height:100%}#skinn::full-screen{width:100%;height:100%}#skinn::-moz-full-screen{width:100%;height:100%}#skinn::-webkit-full-screen{width:100%;height:100%}#controller{width:100%;height:35px;background-color:#353535;color:#fff;position:absolute;bottom:-100%;left:0;z-index:4;-webkit-transition:all 2s ease 1s;transition:all 2s ease 1s}#controller>div{float:left;width:35px;height:100%}#controller .time{width:40px;cursor:default;text-align:center;font-size:11px;line-height:36px}#controller #seekbar{height:10px;margin:13px 5px;background-color:#000;position:relative;cursor:pointer;width:calc(100% - 195px)}#controller #seekbar #played{width:0;height:10px;background-color:#e16d65;position:absolute;z-index:2}#controller #seekbar #loaded{width:0;height:10px;background-color:#2b2627;position:absolute;z-index:1}#controller #speaker{float:left;height:100%;width:100%}#controller #voumecontrol{height:80px;width:50%;float:left;background-color:#353535;cursor:default;padding:5px 6px;position:absolute;left:9px;bottom:-100px;margin-bottom:6px;opacity:0;box-sizing:border-box;-webkit-transition:all 0s ease 1s;transition:all 0s ease 1s}#controller #voumecontrol:after{content:"";width:0;display:block;margin:auto;border-style:solid;border-width:6px 6px 0;border-color:#353535 transparent;position:absolute;right:0;bottom:-6px;left:0}#controller #voumecontrol #volumeposition{background-color:#2b2627;height:100%;width:100%;position:relative;cursor:pointer}#controller #voumecontrol #volumenow{background-color:#fff;position:absolute;bottom:0;width:100%;height:0}#skinn:hover #controller{bottom:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}#volume{position:relative}#volume:hover #voumecontrol{bottom:100%;opacity:1;-webkit-transition:bottom 0s ease 0s;transition:bottom 0s ease 0s}.icon{position:relative;cursor:pointer;background-color:#353535}.icon span{position:static}.icon:hover{background-color:#2b2627}.icon:after,.icon:before{content:"";width:0;height:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.icon.play:before{border-width:8px 0 8px 14px;border-style:solid;border-color:transparent transparent transparent #fff}.icon.pause:before{height:16px;width:14px;background:#fff}.icon.pause:after{width:4px;height:16px;background-color:#353535}.icon.speaker span:after,.icon.speaker span:before{top:50%;background:#fff}.icon.speaker span:before{left:-10px;border:7px solid transparent;border-right-color:#fff;margin-top:-7px;background:transparent}.icon.speaker span:after{left:-8px;width:4px;height:6px;margin-top:-3px}.icon.speaker:before{top:50%;width:6px;height:6px;border-radius:0 15px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon.speaker.volume-max:before{left:16px;margin-top:-6px;border:4px double #fff;border-width:6px 6px 0 0}.icon.speaker.volume-mid:before{left:9.1px;margin-top:-4px;border:4px solid #fff;border-width:2px 2px 0 0}.icon.speaker.volume-mute:after,.icon.speaker.volume-mute:before{margin:0;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon.speaker.volume-mute:before{left:25px;top:13px;width:2px;height:10px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;background-clip:padding-box}.icon.speaker.volume-mute:after{top:17px;left:21px;height:2px;width:10px}.icon.tofullscreen span:after,.icon.tofullscreen span:before{z-index:3;width:5px;height:0;border-width:0 7px 7px;border-style:solid;border-color:transparent #fff;background:transparent;margin:-8px 0 0;margin-top:-8px;margin-left:8px;top:50%}.icon.tofullscreen span:after{border-width:7px 7px 0;margin-top:3px}.icon.tofullscreen:after,.icon.tofullscreen:before{width:3px;height:8px;border:10px solid #fff;border-width:5px 0;margin-top:-8px;top:50%}.icon.tofullscreen:after,.icon.tofullscreen:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon.toscreen span:after,.icon.toscreen span:before{top:50%;left:2px;width:6px;border-width:5px;border-style:solid;border-color:transparent #fff;margin-top:-5px;background:transparent}.icon.toscreen span:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon.toscreen span:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon.toscreen:after,.icon.toscreen:before{top:50%;width:3px;height:14px;border:5px solid #fff;border-width:5px 0;margin-top:-12px}.icon.toscreen:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon.toscreen:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}