@charset "utf-8";
/*==============================
	Title: martellnoblige  
	Updated:   
	Content:  

    * Filename: movie.css
    * Version: 1.0.0 (2008-11-14) YYYY-MM-DD
    * Website: http://
    * Author: Ray Huang (Ray.Huang@nurun.com)
    * Description: universal css

    == STRUCTURE: ==============================
    * _Reset fonts 
    * 
    ============================================
*/

#movieBox { width:780px;}
	#movieMenu { width:780px; height:420px; background:url(../img/moive-keyvisual-noflash.jpg) no-repeat;}
	#cityreviewMenu { width:780px; height:690px; background:url(../img/cityreview-noflash.jpg) no-repeat;}
	#cityreviewMenu2{ width:780px; height:940px; background:url(../img/cityreview-noflash.jpg) no-repeat;}
	/*== 全部作品 ==*/
	#movieListBox { padding:0 0 0 67px;}
		.menutabs {}
			.menutabs li { width:115px; height:48px; float:left; margin:0 21px 0 0;}
				.menutabs li a { width:115px; height:48px; float:left; text-indent:-1000em; background-image:url(../img/movie-menu.gif); background-repeat:no-repeat;}
				a.newworks { background-position:0 -48px;}
				a.hotworks { background-position:-133px -48px;}
				li.selected a.newworks { background-position:0 0;}
				li.selected a.hotworks { background-position:-133px 0;}
				
			.movieitemlist { padding:0 0 0 34px; background:url(../img/movie-list-bg.jpg) 0 0 repeat-y;}
				.movieitemlist li { width:125px; height:142px; overflow:hidden; float:left; margin:26px 42px 0 0; padding:0 0 39px 0;}
				* html .movieitemlist li { margin:26px 31px 0 0;}
					.movieitemlist li a { color:#ffd798;}
					.movieitemlist li a { color:#ffd798; text-decoration:none;}
					.movieitemlist li div.thumbnail { width:125px; height:95px; overflow:hidden; background:url(../img/movie-thumbnail-bg.jpg); display:table-cell; vertical-align:middle; text-align:center; /* 针对IE的Hack */ *display:block; *font-size:103px;/*约为高度�?.873*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
					.movieitemlist li span { height:23px; line-height:23px; overflow:hidden;}
					.movieitemlist li span.title { width:50px; float:left; cursor:pointer;}
					.movieitemlist li span.time { width:70px; float:right; cursor:pointer;}
					.movieitemlist li span.ballot { width:60px; float:left;}
					.movieitemlist li a.btnpoll { width:60px; height:18px; float:right; margin:5px 0 0; text-align:left; text-indent:-1000em; background:url(../img/movie-btn-poll.gif) no-repeat;}
			.pagenav { width:214px; /*height:23px;*/ overflow:hidden; padding:0 0 0 447px;}
				.pagenav table, .pagenav td { width:100%; height:23px;}
				.pagenav a { width:15px; height:15px; float:left; margin:0 3px; text-align:center; color:#fff; background-position:0 0; background-repeat:no-repeat;}
				.pagenav a.current { font-weight:bold; border:1px #fff solid;}
				.pagenav a.first { text-align:left; text-indent:-1000em; background-image:url(../img/movie-pagenav-first.gif);}
				.pagenav a.prev { text-align:left; text-indent:-1000em; background-image:url(../img/movie-pagenav-prev.gif);}
				.pagenav a.next { text-align:left; text-indent:-1000em; background-image:url(../img/movie-pagenav-next.gif);}
				.pagenav a.last { text-align:left; text-indent:-1000em; background-image:url(../img/movie-pagenav-last.gif);}		
	
	/*== 时尚心�?==*/
	#movieIndex { padding:0 0 0 60px;}
		#uploadTudou { width:650px; height:70px; padding:0 0 0 22px;}
			#uploadTudou a { width:650px; height:70px; float:left; text-indent:-1000em; background:url(../img/movie-index-upload.jpg) no-repeat;}
			#uploadTudou div { width:650px; height:70px; float:left; text-indent:-1000em; background:url(../img/movie-index-upload.jpg) no-repeat;}
			.workslistbox { position:relative;}
				.workslistbox h2 { width:115px; height:44px; margin:0 0 0 25px; text-indent:-1000em; background-image:url(../img/movie-menu.gif); background-repeat:no-repeat;}
				.workslistbox h2.new { background-position:0 0;}
				.workslistbox h2.hot { background-position:-133px 0;}
				.workslistbox div.more { width:45px; height:20px; position:absolute; right:35px; top:20px;}
				.workslistbox div.more a { width:45px; height:20px; float:left; text-indent:-1000em; background:url(../img/movie-link-more.gif) no-repeat;}
				
	/*== 主创班底 ==*/
	#textBox { min-height:600px; background:url(../img/movie-director-bg.jpg) no-repeat;}
	* html #textBox { height:600px;}
		.directoritem { position:relative;}
		#directorH {}
		#directorB {}
			.directoritem div.face { position:absolute;}
			#directorH div.face { width:225px; height:188px; left:59px; top:28px;}
			#directorB div.face { width:217px; height:205px; left:552px; top:257px;}
			.directoritem div.content { color:#fcddac; position:absolute;}
			#directorH div.content { width:442px; left:303px; top:39px;}
			#directorB div.content { width:670px; left:88px; top:249px; background:url(../img/movie-line-x.gif) 0 0 repeat-x;}
			
			.directoritem h2 { line-height:30px; color:#e6bf7c; font-size:14px; font-weight:bold; letter-spacing:5px;}
			.directoritem div.intro { line-height:22px; padding:0 0 10px;}
			.directoritem div.content dt { color:#e6bf7c; font-size:12px; font-weight:bold;}
			.directoritem div.content dd { padding:5px 0 0;}
				.directoritem div.content dd ul {}
					.directoritem div.content dd ul li { width:195px; float:left; line-height:22px;}
					#directorB div.content dd ul li { width:260px; }
					#directorB div.content dd ul li.long { width:300px; }
					
	
	#winnerBox { height:1090px; background:url(../img/winner-bg.jpg) no-repeat; position:relative;}				
		#winnerBox .contentw { padding:0 0 0 95px;}
		div.textw { width:570px; height:50px; float:left; text-indent:-1000em; background:url(../img/winner-text.jpg) no-repeat;}
		div.performerw { width:685px; position:absolute; left:95px; top:74px;}
			div.performerw h3 { width:100%; height:25px; text-indent:-1000em; background:url(../img/winner-award-title-01.jpg) no-repeat;}
		div.moodsw { width:685px; position:absolute; left:95px; top:288px;}
			div.moodsw h3 { width:100%; height:25px; text-indent:-1000em; background:url(../img/winner-award-title-02.jpg) no-repeat;}
			
			ul.winnerlist {}
			.performerw .winnerlist { padding:0 0 0 177px;}
			.moodsw .winnerlist { padding:7px 0 0 94px;}
				.winnerlist li { width:125px; height:142px; overflow:hidden; float:left; margin:0 42px 0 0;}
				.winnerlist li a { color:#ffd798;}
					.winnerlist li a { color:#ffd798; text-decoration:none;}
					.winnerlist li div.thumbnail { width:125px; height:95px; overflow:hidden; background:url(../img/movie-thumbnail-bg.jpg); display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:103px; *font-family:Arial;}
					.winnerlist li div.username,.winnerlist li div.workname { height:23px; line-height:23px; overflow:hidden;}
					
					
		div.otherw { width:685px; height:260px; overflow:hidden; position:absolute; left:95px; top:501px;}
			.otherwmenu { width:100%; height:26px; float:left; clear:both;}
				.otherwmenu li { width:150px; height:26px; float:left;}
					.otherwmenu li a { width:150px; height:26px; float:left; text-indent:-1000em; background-image:url(../img/winner-award-title-03.jpg); background-repeat:no-repeat;}
					a.luckymenu { background-position:0 -26px;}
					a.bolemenu { background-position:-150px -26px;}
					li.ui-tabs-selected a.luckymenu { background-position:0 0;}
					li.ui-tabs-selected a.bolemenu { background-position:-150px 0;}
				
			.otherwlist { padding:40px 0 0 6px;}
			* html .otherwlist { padding:20px 0 0 6px;}
			* +html .otherwlist { padding:20px 0 0 6px;}
				.otherwlist li { width:150px; height:33px; line-height:33px; float:left; margin:0 0 8px 18px}
				* html .otherwlist li { margin:0 0 8px 9px;}
				
		
		div.remarkw { width:685px; position:absolute; left:95px; top:777px;}
			div.remarkw dt { height:20px;}
				div.remarkw dt span { width:75px; height:20px; float:left; text-indent:-1000em; background:url(../img/winner-title-remark.jpg) no-repeat;}	
			div.remarkw dd { padding:0; margin:0;}
				div.remarkw dd ul { width:685px; padding:0; margin:0;}
					div.remarkw li { line-height:22px; text-indent:15px; background:url(../img/movie-intro-icon.gif) 0 center no-repeat;}
					
	/*== 活动规则 ==*/	
		#ruleBox {}
			#ruleBox { width:590px; padding:19px 0 0 90px; position:relative;}	
				
				#ruleBox dt { height:20px;}
					#ruleBox dt span { width:75px; height:20px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
						span.date { background-image:url(../img/movie-intro-time.gif);}
						span.intro { background-image:url(../img/movie-intro-intro.gif);}
						span.mode { background-image:url(../img/movie-intro-rule.gif);}
						span.award { background-image:url(../img/movie-intro-award.gif);}
						span.appeal { background-image:url(../img/movie-intro-notes.gif);}	
					#ruleBox dd { padding:5px 0 10px 10px; line-height:22px;}	
					#ruleBox dd.intro { width:435px;}	
					#ruleBox dd.mode { width:420px;}
					#ruleBox dd.award {}
						dd.award img.award { position:absolute; left:489px; top:39px; z-index:1;}
						dd.award li { width:590px; height:22px; line-height:22px; text-indent:15px; background:url(../img/movie-intro-icon.gif) 0 center no-repeat;}
					#ruleBox dd.appeal { width:430px;}
				#nodrinkdrive { padding:120px 0 0;}
				#uploadRule { width:176px; height:76px; position:absolute; right:-50px; top:389px;}
					#uploadRule a { width:176px; height:76px; float:left; text-indent:-1000em; background:url(../img/movie-rule-upload.jpg) no-repeat;}

/*== 名士甄�?==*/
#personageBox { width:780px; padding:0 0 60px;}
	#pKeyvisual { width:780px; height:417px; /*background:url(../img/personage-index-keyvisual-noflash.jpg) no-repeat;*/}
	#personageIndex { padding:0 0 0 92px;}
		#pBox { width:615px; height:314px; overflow:hidden; background:url(../img/personage-index-topbg.gif) 0 34px repeat-x; position:relative;}
			#pBox h2 { height:34px; background:url(../img/personage-index-toptitle-bg.jpg) no-repeat;}
				#pBox h2 span { width:70px; height:34px; float:left; margin:0 0 0 16px; text-indent:-1000em; background:url(../img/personage-index-toptitle.jpg) no-repeat;}
			#pBox #slogan { width:540px; height:55px; float:left; margin:11px 0 0 40px; text-indent:-1000em; background:url(../img/personage-index-topslogan.jpg) no-repeat;}
			
			#plistBox {}
				#othersList li { float:left;}
 				#othersList li img { width:94px; height:122px; padding:15px 11px 16px 9px; background:url(../img/personage-index-mask.gif) 0 0 no-repeat;}
				#othersList div.name { text-align:center;}
					#othersList span { height:20px; line-height:20px; overflow:hidden;}
					#othersList div.name span { padding:0 3px;}
					#othersList span.ballot { float:left;}
					#othersList a.btnpoll { width:60px; height:18px; float:right; margin:5px 0 0; text-align:left; text-indent:-1000em; background:url(../img/movie-btn-poll.gif) no-repeat;}

			#linktoall { width:183px; height:34px; position:absolute; right:28px; top:0px;}
				#linktoall a { width:183px; height:34px; float:left; text-indent:-1000em; background:url(../img/personage-index-topmore.jpg) no-repeat;}
		
		#cityShowBox { width:615px; height:250px; padding:12px 0 0; /*background:url(../img/personage-index-cityshow-noflash.jpg) 0 12px no-repeat;*/}
		
		#partyphotoListBox { width:613px; height:161px; margin:10px 0 0; overflow:hidden; background:url(../img/personage-otherslist-bg.jpg) 0 28px no-repeat;}
			#partyphotoListBox h2 { height:28px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat; background-image:url(../img/partyinfo-title-review.gif);}
				#imgRollList li { float:left;}
					#imgRollList img { width:98px; height:63px; display:block; padding:2px; background:url(../img/partyphoto-bg-blue.gif) 0 0 no-repeat;}
					#imgRollList span { line-height:46px;}
			
			
	h3.voteok {width:365px; height:83px; float:left;background:url(../img/top50man-vote-info01.gif) no-repeat;text-indent:-1000em; margin-top:20px;}
	h3.voteerror {width:379px; height:83px; float:left;background:url(../img/top50man-vote-error.gif) no-repeat;text-indent:-1000em;margin-top:20px;}
	h3.voteclose {width:379px; height:83px; float:left;background:url(../img/top50man-vote-info03.gif) no-repeat;text-indent:-1000em;margin-top:20px;}
button.voteclose {background:transparent url(../img/review-btn-close.gif) no-repeat;border:0 none;cursor:pointer;float:right;height:15px;margin:10px 16px 0 0;text-indent:-1000em;width:15px; padding:8px 8px;}


/* add by vitrum */
/*== pKeyvisual ==*/
#pKeyvisual {/*background:transparent url(../img/personage-top-bg.jpg) no-repeat;*/height:595px;width:779px; }
/*== personageIndex ==*/
#personageIndex {}
	#pBox { height:auto;}
	#pBox h2 span { width:226px; background:url(../img/personage-index-toptitle.gif) no-repeat}
#linktoall { width:140px}
#linktoall a { background:none; text-indent:0em; padding:8px; width:8px; height:12px; color:#FFD798}
#plistBox { height:auto; background:url(../img/othersList-ulbg.jpg) repeat-y;}
#othersList { clear:left;float:left;background:url(../img/othersList-ulbg.jpg) repeat-y;}
#othersList li { padding:0 4px; height:202px;}
#othersList div { width:114px; text-align:center}
#othersList span.ballot { text-align:center; float:none}

.leftinfo { width:220px; height:auto;}
.leftinfo span { display:none; width:0px; height:0px;text-indent:-1000em;}
.leftinfo h2.info01 { width:220px;height:191px; float:left; clear:left; background:url(../img/leftinfo-h2.jpg) no-repeat;}
	.leftinfo h2.info01 a { width:220px;height:191px; float:left; clear:left;text-indent:-1000em;}