#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 {
    background: rgba(52, 52, 52, 0.85) none repeat scroll 0 0;
    /*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: black; 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%;
                background: rgba(0,0,0,0.1);
            }
            
            /*#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; }