* { margin:0; padding:0;}
html, body {width:100%; height:100px; background:skyblue}
#container {
	width:853px;
	height:480px;
	position:relative;
	margin:0 auto;	
}


#vidlink {
  display: block;
  font-size: 14px;
  width:240px;
  margin: 10px auto;
  padding: 10px 8px 10px 8px;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0,0,0, .55), 0px 1px 1px rgba(255,255,255,.5);
  border: 1px solid #666;
}

#vidlink {
  opacity: 0.5;
}

#vidlink:hover,
#vidlink:focus {
  opacity: .7;
  color:#08c;
  border: 1px solid #08c;
   box-shadow: 0px 1px 0px rgba(255,255,255,.25),inset 0px 3px 6px rgba(0,0,0,.25);
}

#vidlink[type="text"]:focus,
#vidlink[type="password"]:focus {
  box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 15px rgba(0,246,255,.5);
  border: 1px solid #08c;
  outline: none;
}

  #pro {
      position:absolute;
      top:500px;
      width: 853px;
	  display:none;
    }
    #ytplayer {
      position: absolute; 
	  left:0;
    }
    #like {
      position: absolute;
      top:530px;
	  width:100px;
	  height:40px
    }
    #time {
      position: absolute;;
      top: 50px;
	  left:-250px;
    }

    .timepoint {
      font-size: 20px;
    }

    .timepoint p {
      color:rgba(0,0,0,1);
    }
    #plyBtn {
      position:absolute;
      top:530px;
	  left:130px;
	  width:100px;
	  height:40px;
    }
    progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    display:none;
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    
    /* Add dimensions */
    width: 100%; height: 20px;
    
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
      background-color: whiteSmoke;
      border-radius: 3px;
      box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    
    position: relative;
    margin: 0 0 1.5em; 
}

progress[value]::-webkit-progress-value:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 7px;
  right: 70px;
  background-color: white;
  border-radius: 100%;
}