.ytp-pause-overlay{
display:none;
}

html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
  
   
   
   
   
   	.progressBar {
        position: relative;
        width: calc(95% - 140px);
        height: 10px;
        background: #ccc;
        bottom: 0px;
        border-radius:3px;
    }

    .timeBar {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #8C8C8C;
        border-radius:3px;
    }

    .ad-progressBar {
        position: relative;
        width: calc(95% - 140px);
        height: 10px;
        background: #ccc;
        bottom: 0px;
        border-radius:3px;
    }

    .ad-timeBar {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: yellow;
        border-radius:3px;
    }

    .volumeBar {
        position: relative;
        width: 75px;
        height: 10px;
        background: #ccc;
        left: 69px;
        top: -20px;
        padding:0 2px;
        border-radius:3px;
    }

    .volBar {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #8C8C8C;
        border-radius:3px;
    }

    .ppbutton {
        display: block;
        width: 50px;
        height: 43px;
        margin-left: 5px;
        position: relative;
        top:30px;
        background: url(videoplayer_sprite.png) -36px -45px no-repeat;
    }

    .on-pause {
        background-position: -36px 0px;
    }

    .fs-div {
        float: right;
        position: relative;
        right: 3%;
        width: 30px;
        height: 26px;
        background: url(videoplayer_sprite.png) -93px 0px no-repeat;     
    }

    .on-full-screen {
        background-position: -93px -26px;
    }

    .mute-div {
        float: left;
        position: relative;
        left: 64px;
        width:30px;
        height: 26px;
        background: url(videoplayer_sprite.png) 0px 0px no-repeat;
    }

    .on-vol-more-50 {
        background-position: 0px -26px;
    }

    .on-vol-zero {
        background-position: 0px -52px;
    }

    .hotspot.transparent {
            border: none;
            background: transparent;
            color: white;
    }

    a[data-jump-to]:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .mover {
        position: absolute;
        right:-8px;
        bottom:-3px;
        display: block;
        width: 16px;
        height: 16px;
        z-index: 1000;
        background: url(movebutton2.png) no-repeat;
        box-shadow: black 1px 1px 4px;
        border-radius: 10px;
    }

    .mover:hover, .mover:active, .mover:focus {
        cursor:pointer;
    }
    .controls>div {
        display: inline-block;
        color: white;
        margin: 0 3px;
        position: relative;
        bottom: 30px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
    }
@-moz-document url-prefix() { 
  .controls>div {
     font-size:12px;
  }
}
    .barTime-arrow {
        display: block;
        width: 1px;
        margin: 0 auto;
        border-top: 5px solid #2D2D2D;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }
    .barTime {
        display: none;
        position: absolute;
        width: auto;
        height: 15px;
        border: 1px solid #2D2D2D;
        border-radius: 2px;
        padding: 1px 3px;
        background: rgba(0, 0, 0, 0.57);
        bottom: 15px;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        left: 170px;
    }

    .controls
    {
        position: absolute;
        width: 100%;
        height: 45px;
        bottom:3px;
        padding: 10px 0;
        background: rgba(0,0,0,0.4);
        z-index:8000;
        -moz-user-select: none;
          -khtml-user-select: none;
          -webkit-user-select: none;
          -o-user-select: none;
          user-select: none;
    }
    .volnum {
        width: 5%;
    }
    .grafic {
        position: absolute;
        
        top:0;
        left:0;
        width:50px;
        height:50px;
        color:white;
        content: "0";
    }

    .hotspot {
        border: 2px solid #A2A2A2;
        border-radius: 4px;
        padding: 4px;
        background: rgba(255,255,255,0.5);
        color: black;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
    }
    .controls .fb-click {
        position: absolute;
        right: calc(7% + 29px);
        bottom: 12px;
    }