#videoplayer {
  position: relative;
  /*background-color: #000;*/
  width: 640px;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

#content-wrapper {
  position:relative;
  top: 0px;
  left: 0px
}

#playpause {
    color: #fff;
    cursor: pointer;
    display: table;
    font-size: 30px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 10000001;
    left: 50%;
    top: 50%;
    margin-top: -37px;
    margin-left: -35px;
    
}

#playpause > .btnContainer {
    display: table-cell; 
    vertical-align: middle; 
}

#playpause i {
    
    border-radius: 15px;
    font-size: 1.3em;
    padding: 15px 20px;
}


#playpause:hover {
  color: #fff;
}

#fullscreen {
  position: absolute;
  bottom: 20px;
  left: 140px;
  height: 40px;
  width: 100px;
  border-style: none;
  font-weight: bold;
  font-size: 25px;
  opacity: 0.8;
  background-color: #fff;
  border-radius: 5px;
  border: 1px transparent solid;
  color: #000;
  cursor: pointer;
  line-height: 0;
  z-index: 0;
  /*visibility: hidden;*/
}

#fullscreen:hover {
   /* 
   border: 1px #f00 solid;
   color: #f00;
     */
}



#prerollVideo, #adcontainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#videoplayer.playing > #playpause {
    visibility: hidden !important;
}

#videoplayer.playing:hover > #playpause {
    visibility: visible !important;
}

#videoplayer.paused > #playpause {
    visibility: visible !important;
}

#console {
  font-family: courier, monospace;
  font-size: 12px;
  margin-top: 20px;
  height: 200px;
  width: 630px;
  padding: 5px;
  border: 1px #ccc solid;
  overflow-y: scroll;
  margin-left: auto;
  margin-right: auto;
}

#companionDiv, #customClick {
  width: 728px;
  height: 90px;
  margin-top: 20px;
}

#customClick {
  background-color: #807F80;
  display: none;
  text-align: center;
}

#customClickTextWrapper {
  display: table-cell;
  vertical-align: middle;
}

.urlLink {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.adToolbar 
{
    width: 100%; background-color: rgba(0,0,0,0.8); position: absolute; bottom: 0px; left: 0px; color: white; font-weight: 300; padding: 3px; display: none;z-index: 10000002;
}



            #videoplayer {
                width: inherit;
                margin-top: 0px;
                /*
                height: auto !important;
                position: absolute;
                top: 0px;
                left: 0px;
                */
                position:relative;
                height:0;
                padding-bottom:56.25%
            }
            
            #prerollVideo, #adcontainer {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 1;
                background: #4040401a !important;
            }
            
            /*#adcontainer { visibility: hidden;}*/
            
            #adcontainer > div {
                width: 100% !important;
                height: 100% !important;
            }
            
            #adcontainer > div > iframe {
                width: 100% !important;
                height: 100% !important;
            
            }

        
          #videopreroll_ima-controls-div { height: 37px !important; }
        #videopreroll_ima-ad-container + div { width: 100% !important; height: 100% !important; }
        #videopreroll_ima-ad-container > div > iframe { width: 100% !important; height: 100% !important; }
        /*.content_video-dimensions { width: 100% !important; min-height: 573.750px; }*/
        
        
        
        #videopreroll_ima-controls-div { height: 37px !important; }
        #videopreroll_ima-ad-container + div { width: 100% !important; height: 100% !important; }
        #adcontainer + div > iframe { width: 100% !important; height: 100% !important; }
        
        .ima-controls-div  { height: 37px !important; }
        
        
        


        i.tm-preroll {background: unset !important;}
        
        #adToolbar {
            font-size: 14px !important;font-weight: 300;color: #fff; display: flex;align-items: center;padding: 5px;
            display: none;
        }

        #adToolbar #playpause {
            color: #fff;
            cursor: pointer;
            display: flex;
            font-size: 14px;
            position: relative;
            text-align: center;
            vertical-align: middle;
            z-index: 10000001;
            left: unset;
            top: 0px;
            margin-top: unset;
            margin-left: unset;
            order: 1;
            width: 30px;
            height: 30px;
            text-align: center;
            align-items: center;
        }
        
        #adToolbar #playpause i {
            background: none;
            border-radius: 15px;
            font-size: 1.3em;
            padding: 0 5px;
        }

        #adToolbar #volumeButton {
            justify-content: center;
            order: 3;
            width: 40px;
            height: 30px;
            position: relative;
            display: flex;
            align-items: center;
            font-size: 20px;
        }
        
        #adToolbar #countdown {
            order: 2;
            flex: 1;
        }

        #textMessage {
            color: #fff;
            text-align: center;
            padding: 10px;
        }