@charset "UTF-8";
/* CSS Document */

#film-page{
	width:940px;
	float:left;
	padding-left:20px;
	
	margin-top:33px;
	margin-bottom:50px;
	}
	
	
#title{
	width:958px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	}
	
#title h1{
	font-size:22px;
	margin-bottom:10px;
	
	}		
	
	
.entry{
	width:215px;
	float:left;
	margin-right:20px;
	text-align:center;
}

.entry h1 {
	font-size:16px;
	
	
}





.film-page-image{
	width:213px;
	height:213px;
	float:left;
	position:relative;
	background-size:213px, 213px;
	transition: all .29s ease-in-out;
	-moz-transition: all .29s ease-in-out;
	-webkit-transition: all .29s ease-in-out;
	margin-bottom:20px;
	border:#000 1px solid;
	
}


.entry:hover .film-page-image{
	
	border:#fff 1px solid;
	
}

.film-page-title{
	width:215px;
	height:100px;
	float:left;
	
}



	
.overlay {
	width:213px;
	height:213px;
	text-align:center;
	position:absolute;
	bottom:0;
	opacity: 0;
	transition: opacity .29s ease-in-out;
	-moz-transition: opacity .29s ease-in-out;
	-webkit-transition: opacity .29s ease-in-out;
}
.overlay:hover {
	opacity: 1;
	background-color: rgba(64, 70, 89, 0.65);
}

.overlay-text {
	width:213px;
	height:120px;
	text-align:center;
	position:absolute;
	bottom:0;
	}
.overlay-text-drama{
	width:213px;
	height:113px;
	text-align:center;
	position:absolute;
	bottom:0;
	}	
	
	
	
.overlay h1 {
	font-size:16px;
}