* { padding: 0; margin: 0; }



.fl { float: left; }
.fr { float: right; }

/*video::-webkit-media-controls-enclosure {
	display: none !important;
}
video::media-controls-enclosure {
	display: none !important;
}*/
.videobox { position: relative; overflow-y: hidden; background: #000; }
.videobox video { position: absolute; top: 0; left: 0; }
.videobox:hover .videobar { transition: all .2s ease-out; bottom: 0; }

.videobar { background: rgba(255,255,255,.1); width: 100%; height: 40px; position: absolute; right: 0; transition: all .2s ease-out; bottom: -40px; left: 0; z-index: 9999999999; }
.videoprog { background: rgba(51, 51, 51, 0.9); width: 50%; margin: 0 20px; height: 20px; float: left; }
.videoprogem { background: rgba(255,255,255,0.7); width: 0%; position: relative; height: 100%; }
.videosound { width: 7%; }
.videosoundem { background: rgba(255,255,255,0.7); width: 50%; position: relative; height: 100%; }
.videoTime { color: #fff; margin-right: 3px; float: left; }


.vbox { position: relative; background: #000; }
.vbox .vicon { background: url(images/video-icon.png); }
.vbox .vbar { background: -moz-linear-gradient(top, #393939 0%, #010000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#010000)); background: -webkit-linear-gradient(top, #393939 0%,#010000 100%); background: -o-linear-gradient(top, #393939 0%,#010000 100%); background: -ms-linear-gradient(top, #393939 0%,#010000 100%); background: linear-gradient(to bottom, #393939 0%,#010000 100%); height: 51px; position: absolute; bottom: 0; width: 100%; }
.vbox .vplay { background-position:-11px -9px; width:25px; height:27px; margin-top:14px; margin-left:2%;  float:left;   }
.vbox .vpause { background-position:-223px -9px; width:25px; height:21px; margin-top:16px; margin-left:2%; float:left;  }
.vbox .vreplay { background-position:-50px -9px; width:19px; height:21px; margin-top:17px; margin-left:2%; float:left;  }
.vbox .vprog { width:55%; background:#000; height:20px; float:left; margin-top:16px; margin-left:3%;  border-radius:20px ;     }
.vbox .vprogem {width:0%; height:100%; background:#565656;  border-radius:20px ; }
.vbox .vprogfp { background-position:-80px -6px; width:34px; height:32px; margin-top:-6px; margin-right:-20px; float:right;   }
.vbox .vtime { float:left; margin-left:3%; }
.vbox .vstime { color:#e9ebec; font-size:16px; font-family:Calibri; letter-spacing:2px; line-height:51px;    }
.vbox .vshu { color:#949595;  font-size:16px; font-family:Calibri; line-height:51px;  }
.vbox .vetime { color:#949595;  font-size:16px; font-family:Calibri;  letter-spacing:2px;  line-height:51px;  }
.vbox .vsound { background-position:-123px  -9px; width:21px; height:17px; float:left; margin-top:19px; margin-left:2%;  }
.vbox .vsoundpb { width:8%;  background:#000; height:13px; float:left; margin-top:22px; margin-left:20px;  border-radius:13px ;   }
.vbox .vsoundem { width:50%; height:100%; background:#565656;  border-radius:13px ; }
.vbox .vsoundfp { background-position:-160px -9px; width:14px; height:14px; margin-top:-1px; margin-right:-6px; float:right;   }
.vbox .vfull { background-position:-194px -9px; width:18px; height:18px; float:right; margin-top:19px; margin-right:2%;  }
.vbox .loudspeakerMute{background:url(images/noVioce.png);}