| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- * { 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);}
|
