@charset "UTF-8";

/*------------------------------------------
    Movie Detail
-------------------------------------------*/
#wrapper {
	width: 1120px;
	margin: 0 auto;
}

div.movie-detail {
}
div.movie-detail div.title-area {
	position: relative;
}
div.movie-detail div.title-area h1 {
	color: #666;
	padding: 3px;
	font-size: 100%;
	border: none;
	background: transparent;
}
div.movie-detail div.title-area div.facebookArea {
	position: absolute;
	bottom: 0;
	right: 40px;
	padding: 3px 0;
}
div.movie-detail div.title-area div.bookmarkArea {
	position: absolute;
	bottom: 0;
	right: 0;
}
div.movie-detail div.title-area div.bookmarkArea a.bookmarkButton img {
	width: 25px;
	height: 25px;
	padding-right: 5px;
	vertical-align: middle;
}

div.movie-detail .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
}
div.movie-detail .video-container iframe,
div.movie-detail .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.movie-tab {
}
div.movie-tab ul li {
	float: left;
	width: 50%;
}
div.movie-tab ul li a {
}
div.movie-tab ul li a div {
	display: inline-block;
	width: 100%;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
div.movie-tab ul li a div.introduction {
	background-image: url(../../img/user/tv/button/description_off.png); 
}
div.movie-detail[data-movie-page="introduction"] div.movie-tab ul li a div.introduction,
div.movie-detail div.movie-tab ul li a:hover div.introduction {
	background-image: url(../../img/user/tv/button/description_on.png); 
}
div.movie-tab ul li a div.comment {
	background-image: url(../../img/user/tv/button/comment_off.png); 
}
div.movie-detail[data-movie-page="comment"] div.movie-tab ul li a div.comment,
div.movie-detail div.movie-tab ul li a:hover div.comment {
	background-image: url(../../img/user/tv/button/comment_on.png); 
}


div.movie-result-area div.movie-result-item {
	display: none;
}
div.movie-detail[data-movie-page="introduction"] div.movie-result-area div.movie-result-item.introduction,
div.movie-detail[data-movie-page="comment"] div.movie-result-area div.movie-result-item.comment {
	display: block;
}



div.movie-comment-post {
	margin-top: 10px;
	padding: 3px;
}
div.movie-comment-post textarea {
	width: 100%;
}
div.movie-comment-post div.buttonArea {
	margin-top: 3px;
	text-align: right;
}



div.movie-result-area div.result-item div.label,
div.movie-result-area div.result-item div.value {
	float: left;
}
div.movie-result-area div.result-item div.label {
	color: #555;
}
div.movie-result-area div.result-item div.value {
	margin-left: 10px;
}


div.movie-result-introduction {
	padding: 10px;
	word-break: break-all;
}
div.movie-result-introduction a {
	color: #09c;
	text-decoration: none;
}
div.movie-result-introduction a:hover {
	color: #ff9c3d;
}