body{
    height:100%;
    background-color: #858383;
}
#video_player{
    position: relative;
    text-align: center;
    margin: 0 auto;
    background: #000;
    width: 100%;
    height: auto;
}
#video_player video{
    width: 100%;
    height: auto;
    /* border: red 1px solid; */
}

video::-webkit-media-controls-panel{
}
video::-webkit-media-controls-play-button{
    background-color: red;    
    border-radius: 10%;
    margin-left: 10px;
    
}
video::-webkit-media-controls-volume-slider-container{
}
video::-webkit-media-controls-volume-slider{
}
video::-webkit-media-controls-mute-button{
}
video::-webkit-media-controls-timeline{    
    background-color: #f00;    
    padding-bottom: 0;
    margin-bottom: 4%;
    margin-top: -25px;
    margin-left: 16%;
    width: 65%;
}
video::-webkit-media-controls-current-time-display{
    /* background-color: rgb(8, 170, 16); */
    margin-left: 20px;
}
video::-webkit-full-page-media::-webkit-media-controls-panel{}
video::-webkit-media-controls-timeline-container{
    
}
video::-webkit-media-controls-time-remaining-display{
    
}
video::-webkit-media-controls-seek-back-button{
    
}
video::-webkit-media-controls-seek-forward-button{
    
}
video::-webkit-media-controls-fullscreen-button{
    
}
video::-webkit-media-controls-rewind-button{
    
}
video::-webkit-media-controls-return-to-realtime-button{
    
}
video::-webkit-media-controls-toggle-closed-captions-button{
    
}

.controls{
    display:none;
    width: 100%;
}
.allcontrols{
    width:100%;
    text-align: center;
}
.video_control{
    display: inline-block;
    border: black 1px solid;
    padding: 5px;
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}

#info-conteudo {
    background-color: #2d2d2d;
    color: #f2f0f0;
    padding: 20px;
    border-radius: 5px;
}

.titulo {
    width: 100%;
}