Passe o mouse sobre a aula, aplique -se à subclasse

.videoplayer:hover{
		#videotitlebar{
			opacity : 1;
		}
	}
.videoplayer:not(hover){
		#videotitlebar{
			animation-delay:2s;
			-webkit-animation-delay:2s;
			-webkit-transition: opacity 1s ease-out;
			opacity : 0;
		}
	}
Blue-eyed Buzzard