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

.site-top-blank { display: block; height: 14px; background: #231815; font-size: 0; line-height: 0 }

#header { width: 920px; margin: 50px auto 0 }

#logo, .language, #navigation li { display: inline; float: left }
	#logo img { display: block }

.language { display: none; margin: 0 0 0 82px }
	.language li { margin: 0 0 6px }

#navigation { display: inline; float: right; font-size: 14px }
	 #navigation li { position: relative; height: 21px }
	 	#navigation li a:hover { background: #000 }
 	#navigation em { color: #666; font-size: 12px }
	 #navigation ul { position: absolute; top: 21px; left: 13px; width: 376px; background: #fff; font-size: 12px }
		 #navigation ul li { height: 17px; margin: 0 12px 0 0 }
	 #navigation li.space, #footer li.space { padding: 0 8px ; font-weight: bolder}
	 #navigation a.current, #navigation a.current em, #navigation a:hover, #navigation a:hover em { background: #000; color: #fff }

.main-promo-bg { margin: 42px 0 -314px; height: 314px }
.main-promo, .studio-banner { width: 920px; height: 314px; margin: 0 auto }
	.main-promo ol.output { display: inline; float: left }
	.main-promo ol.output, .main-promo ul.output li { width: 626px; height: 314px }
	.main-promo ol.output { position: relative }
		.main-promo ol.output li { position: absolute }
	.main-promo .tabs-wrap { display: inline; float: right; width: 242px; height: 262px; padding: 26px; background: #151515 }
	.main-promo .default-bg { background: #151515 }
	.main-promo .hover-bg { background: #353535 }	
	.main-promo ul.tabs { height: 260px; overflow: hidden }
		.main-promo ul.tabs li { cursor: pointer; height: 60px; padding: 5px 0 21px; border-bottom: 1px solid #fff; color: #848484; line-height: 21px }
			.main-promo ul.tabs li.current h2.title { color: #2F7DA6 }
		.main-promo ul.tabs h2.title { color: #fff; font-size: 14px }
		.main-promo ul.tabs p { margin: 6px 0 0; line-height: 17px }

#content { width: 920px; margin: 46px auto 30px }
#content.main-wrap { padding-bottom: 40px }

.main-wrap { position: relative; padding: 20px; background: #eeefef }

	.main-wrap .color-box { position: absolute; top: 0; left: 0; display: none; height: 14px }
	.main-wrap h2.title { min-height: 25px; _height: 25px; margin: 0 0 13px; border-bottom: 2px solid #231815; color: #2F7DA6; font-size: 14px }

div.movie-list, .comments-list, .left-box { display: inline; float: left; width: 571px }

.hover-box {  }
	.hover-box li { background: #fff }
	.hover-box li.hover-bg { background: #f6f6f6 }

div.movie-list { min-height: 304px; _height: 304px }
	div.movie-list .color-box, .movie-wrap .color-box { width: 280px; background: #f08200 }
	div.movie-list ul { width: 621px; overflow: hidden; margin: -25px -25px 0 }
		div.movie-list ul li, ul.movie-list li { display: inline; float: left; width: 137px; margin: 25px 25px 0; padding: 10px 10px 7px; line-height: 17px }
		div.movie-list ul a, ul.movie-list a { color: #2F7DA6; font-weight: bold }
		div.movie-list ul a:hover, ul.movie-list a:hover { background: #000; color: #fff }
		div.movie-list ul .image, ul.movie-list .image { width: 137px; overflow: hidden; margin: 0 0 10px; line-height: 19px }
			div.movie-list ul .image img, ul.movie-list .image img { width: 137px }

.micro-blog { display: inline; float: right; width: 292px }

div.comments-list { padding-bottom: 0!important }
	div.comments-list h2.title em { margin: 0 0 0 20px; color: #666; font-weight: normal; font-size: 12px; }
	div.comments-list .color-box, .news-wrap .color-box { width: 103px; background: #86746b }
	div.comments-list ul { margin: 0 0 20px }
		div.comments-list ul li { overflow: hidden; zoom: 1; margin: 12px 0 0; padding: 10px 10px 10px 224px; _padding-left: 221px }
		div.comments-list ul .image, div.comments-list ul .image img {  }
		div.comments-list ul .image { display: inline; float: left; overflow: hidden; margin: 0 0 0 -214px; _margin-left: -211px }
		div.comments-list ul h3.title { padding: 0 0 6px; font-size: 14px }
			div.comments-list ul h3.title a { color: #2F7DA6 }
		div.comments-list ul h4.sub-title { font-weight: normal }
		div.comments-list ul .text, .news-list .newest .text, .news-list li .text { margin: 9px 0 0; color: #6d6c6c; line-height: 19px }
		div.comments-list div.text { color: #000 }

	#team-wrap li { padding-left: 10px; _padding-left: 10px }
	#team-wrap li .image { width: 120px; margin: 0; _margin-left: 0 }
	.text-wrap { float: right; width: 390px }

.comments-space { display: block; height: 20px; margin: 0 -20px 20px; background: #fff }
.right .comments-space { margin-top: 20px!important }

.main-blank { display: block; height: 26px }

.studio-text, .right-box { display: inline; float: right; width: 252px }
	.studio-text .color-box, .studio-wrap .color-box { width: 219px; background: #e4007f }
	.studio-text .image { width: 252px; height: 136px; overflow: hidden }
	.studio-text .text { display: table-cell; table-layout: fixed; margin: 12px 0 0; line-height: 17px; word-break:break-all; word-wrap:break-word; }

.main-right { display: inline; float: right; width: 294px }
	.main-right .studio-text { display: block; float: none; margin-bottom: 20px }
.right-side-ad { padding: 20px 20px 0; background: #eeefef }
	.right-side-ad img { width: 254px; margin: 0 auto 20px }

.function-wrap { width: 920px; margin: 30px auto 0 }
	.function-wrap ul { width: 940px; overflow: hidden; margin: 0 -10px }
	.function-wrap li { display: inline; float: left; width: 215px; margin: 0 10px }

.links-wrap { margin: 30px 0 0; background: #eeefef }
	.links-wrap div { width: 920px; margin: 0 auto; padding: 0 0 15px; }
	.links-wrap .title { font-weight: normal }
	.links-wrap ul { width: 935px; overflow: hidden; margin: 0 -15px 0 0 }
	.links-wrap li { float: left; height: 31px; margin: 20px 15px 0 0 }

#footer, #footer a { color: #fff }
	#footer img { vertical-align: middle }
	#footer a:hover { background: #000 }
	 #footer a.current, #navigation a.current em, #footer a:hover, #footer a:hover em { color: #fff }

#footer { height: 43px; background: #3f3a39; line-height: 43px; text-align: center }
	#footer li { display: inline }

.studio-banner-bg { display: none; margin: 42px 0 -212px; height: 212px; background: #231815 }
.studio-banner { height: 212px; margin-top: 42px }

.left { display: inline; float: left; width: 571px }
.right { display: inline; float: right; width: 252px }

.studio-wrap {  }
	.details-text, .details-text .text { line-height: 21px }

.contact-text { line-height: 21px }

.contact-form { margin: 90px 0 0 }
	.contact-form p { padding: 18px 0 0 }
	.contact-form .input-text, .contact-form textarea { width: 214px; height: 17px; padding: 2px 3px; border: 1px solid #231815; background: none; line-height: 17px }
	.contact-form textarea { width: 222px; height: 120px }
	.contact-form .submit-btn { width: 60px; height: 23px; border: 0 none; background: #231815; color: #fff; font-size: 12px; line-height: 23px }

.news-wrap {  }

.news-list {  }
	.news-list .newest { overflow: hidden; zoom: 1; padding: 0 0 32px 210px; _padding-left: 207px }
		.news-list .newest .image { display: inline; float: left; width: 190px; height: 190px; overflow: hidden; margin: 0 0 0 -210px; _margin-left: -207px }
		.news-list .newest h3.title, .news-list li h3.title { color: #2F7DA6 }
			.news-list .newest h3.title a, .news-list .newest h3.title a:hover, .news-list li h3.title a, .news-list li h3.title a:hover { color: #2F7DA6; font-size: 14px }
		.news-list .newest .text, .news-list li .text { color: #6d6c6c }
	.news-list ul {  }
	.news-list li { overflow: hidden; zoom: 1; margin: 12px 0 0; padding: 10px 10px 10px 154px; _padding-left: 151px }
		.news-list li .image { display: inline; float: left; width: 124px; height: 124px; margin: 0 0 0 -144px; _margin-left: -141px }

	.news-wrap .details-text {  }
		.news-wrap .details-text h3.title { color: #2F7DA6 }
		.news-wrap .details-text .text { margin: 16px 0 0; line-height: 21px }

.movie-recommend { overflow: hidden; zoom: 1; margin: 0 0 40px; padding: 0 0 40px 608px; _padding-left: 605px; border-bottom: 1px solid #e4007f }
	.movie-recommend .image { display: inline; float: left; width: 608px; height: 294px; overflow: hidden; margin: 0 0 0 -608px; _margin-left: -605px; text-align: center }
		.movie-recommend .image img { width: 198px; height: 294px }
	.movie-recommend h3.title { color: #2F7DA6; font-size: 14px }
	.movie-recommend .text { width: 252px; margin: 14px 0 0; color: #6D6C6C; line-height: 19px }

ul.movie-list { width: 880px; margin: -20px 0 0 }
	ul.movie-list li { margin: 20px 30px 0 }

.movie-wrap .details-text {  }
.movie-wrap .details-text h3.title {  }
span.more { display: inline; float: right; font-weight: normal; font-size: 12px; line-height: 19px }
	span.more a:hover, .title a:hover { background: #000!important; color: #fff!important }

.anpager { margin: 20px 0 0; padding: 0 0 1px; line-height: 1.63 }
	.anpager .cpb, .anpager a { margin: 0 0 0 4px; padding: 2px 5px 3px; border: 1px solid #bbb }
	.anpager .cpb, .anpager a:hover { background: #bbb; color: #fff; }
	.anpager .cpb { font-weight: bold; }
	.anpager a { background: #fff; }

.column-wrap {  }
	.column-wrap ul { margin: -10px 0 0 }
	.column-wrap li { display: inline; float: left; width: 126px; height: 60px; margin: 20px 0 0; line-height: 60px }
		.column-wrap li p { display: inline; float: left; width: 60px; height: 60px; margin: 0 12px 0 0 }

.instruction-text { line-height: 21px }

.deputy-title { margin: 0 0 0 12px; color: #231815; font-size: 12px; line-height: 20px; }

.studio-introduce { width: 880px!important }