/* 
	stylesheet for ÎÞÓÇ×°Êν¨²ÄÍø VIP Íøµê index
	
	Author:boyce
	Email:youngsoul@126.com
	QQ:277841301	
	Date:2010-03-08
*/

@import url("base.css");
@import url("layout_vip.css");
@import url("side.css");

	#firstScreen{height:400px; overflow:hidden;}	
			#slideBox{position:relative; height:400px; overflow:hidden; background:#1c1710 url(../vip_images/playerRightBorder.gif) no-repeat right top;}
				#noVideo{position:absolute; top:4px; right:12px; padding:6px 0 0 15px; width:169px; height:28px; background:url(../vip_images/zswdVIP_playerImageTitle.gif) no-repeat left -4px;}
					#noVideo h4{ font:bold 14px "΢ÈíÑźÚ","ºÚÌå";color:#fcb900;}
				.slideTitle{position:absolute; top:-2px; right:3px; z-index:15; width:198px; height:33px;}
					.slideTitle li{float:left; display:inline; margin:3px 0 0 4px; padding-top:3px; width:89px; height:30px; cursor:pointer; text-align:center; font:normal 14px "΢ÈíÑźÚ","ºÚÌå"; overflow:hidden;}
					.slideTitle li.active{background:url(../vip_images/zswdVIP_slideTab.gif) no-repeat; cursor:default;}
						.slideTitle li strong{color:#cdc8b5;}
						.slideTitle li.active strong{color:#ffd200;}			
				
				.slideCon ul{width:196px; background:url(../vip_images/zswdVIP_slideTab.gif) no-repeat 2px -33px;}
				
				#slideCon2{display:none;}
					#slideBox .bigPhoto{width:504px; background-color:4e402c;}
					#slideCon2 .bigPhoto{background:url(../vip_images/zswdVIP_playerBg.gif) repeat-y right top;}						
						#slideBox .bigPhoto a img{display:block; width:502px; height:354px; border:1px solid #574932; border-bottom:0;}					
							#controlBar{position:relative; +top:-4px; height:46px; background:url(../vip_images/zswdVIP_controlBg.gif) no-repeat;}
								#controlBar h3{padding:9px 0 0 10px; font:normal 18px "΢ÈíÑźÚ","ºÚÌå";}
									#controlBar h3 a{color:#fcb900;}
									#controlBar h3 a:hover{color:#eae6cd;}
								#controlBar div{position:absolute; right:8px; bottom:10px;}
									#controlBar div a{display:block; float:left; margin:0 2px; width:29px; height:23px; text-indent:-9999px; background:url(../vip_images/zswdVIP_indexIcon.gif) no-repeat -867px top;}
									#controlBar div a#stop{background-position:-900px top;}
									#controlBar div a#prev{background-position:-934px top;}
									#controlBar div a#next{background-position:-967px top;}
				
				
					#slideCon1 ul,
					#slideCon2 ul{position:absolute; right:0; top:32px; padding:6px 0 6px 10px; width:196px;}
					#slideCon2 ul{right:10px; top:35px; padding:0; width:190px; overflow:hidden;}
						#slideCon1 ul li{float:left; display:inline; margin:4px 5px 3px 3px; _margin:2px 5px 2px 3px; padding-right:8px; width:82px; height:82px;}
						#slideCon2 ul li{margin:1px 0; padding:6px 5px 0 13px; width:172px; height:52px; background:#1c1710 url(../vip_images/zswdVIP_slideTab.gif) no-repeat right bottom; line-height:200%;}
						#slideCon2 ul li.active{background:url(../vip_images/zswdVIP_slideTab.gif) no-repeat -210px top;}
						#slideCon2 ul li.active a{color:#fff9e1;}
							#slideCon1 ul li a img{width:80px; height:80px; opacity:0.8; filter:alpha(opacity=80); border:1px solid #2f271b;}
							#slideCon1 ul li.active a img{opacity:1; filter:alpha(opacity=100); border-color:#fcbb01;}	
					#slideCon2 ul li#moreVideo{padding:20px 0 0 18px; width:172px; height:38px;}
						#slideCon2 ul li#moreVideo a{color:#e99e00;}
	
	#intro .con{position:relative; _height:100px;}
		#intro .con p{margin-bottom:1em; text-indent:2em; line-height:200%;}
		#intro .con #introDetail{color:#eae6cd; position:absolute; right:20px; bottom:10px;}
	
	#team .con{ height:310px;}
		#teamBig,
		.bigTeamMember{margin:0 0 0 20px; width:170px;}
		.bigTeamMember{float:left; margin:0 20px;}
		#teamSmall{position:absolute; right:0; top:10px; width:470px;}			
			#teamBig div,
			.bigTeamMember div{margin-top:1px; padding:5px; height:130px; background-color:#110e0a;}
				#teamBig div p,
				.bigTeamMember div p{line-height:180%;}
					#teamBig div strong,
					.bigTeamMember div strong{font:normal 14px "ËÎÌå"; color:#fcb900;}
				#teamBig a img,
				.bigTeamMember a img{display:block; padding:2px; width:164px; height:152px; background-color:#110e0a; border:1px solid #221c13;}
			
			.teamMember{float:left; position:relative; display:inline; margin:10px 5px 10px 0; width:220px; height:80px;}
			.teamMember div{position:absolute; top:0; left:0; width:76px;}
				.teamMember div a img{width:74px; height:74px; border:1px solid #13100a;}				
			.teamMember ul{margin-left:85px;}
				.teamMember ul li{padding:3px 0; height:12px;}
					.teamMember ul li a{color:#fcb900;}
					#teamBig div strong a:hover,
					.teamMember ul li a:hover{color:#ebe5cf;}
			#teamAll .teamMember{width:225px;}
					
	#design .con{min-height:140px; _height:140px;}
	#portfolio .con{height:140px;}
		.imageBox{float:left; display:inline; margin:5px 10px 15px 10px; width:150px;}			
			.imageBox a{display:block; width:150px; height:140px; text-align:center; line-height:200%; color:#77644b;}
			.imageBox a:hover{color:#fcb900;}
				.imageBox a span{display:block; +display:inline; border:1px solid #231d14; line-height:100%; overflow:hidden;}
					.imageBox a span img{border:3px solid #110e0a;}
					/*.imageBox a span img{width:142px; height:102px;}*/
	#message .con{max-height:720px;}
		#messageForm{position:relative; padding-bottom:15px; height:190px; border-bottom:1px solid #0f0c09;}
			#messageForm dl{margin-right:250px;}
				#messageForm dl dt{clear:left; float:left; width:68px; height:34px; text-align:right; line-height:20px;}
				#messageForm dl dd{float:left; width:370px; height:34px;}
				#messageForm dl .h80{height:80px;}
					#messageForm dl dd textarea{width:360px; height:75px;}
					#messageForm dl dd button,
					#search button{width:66px; height:26px; background:url(../vip_images/zswdVIP_indexIcon.gif) no-repeat left -112px;}					
					
					#messageForm dl dd img{margin-left:5px; vertical-align:top; height:18px;}
			#messageForm ul{position:absolute; top:10px; right:10px; width:226px; height:180px; background-color:#110e0a;}
				#messageForm ul li{padding:6px; line-height:160%;}
					#messageForm ul li strong{color:#fcb900;}
		#msgContents{padding-top:15px; border-top:1px solid #2a2318;}
			#msgContents dl{margin-bottom:10px; padding:10px; border-bottom:1px dashed #3d3933;}
				#msgContents dl dt{margin-bottom:10px; color:#40392c;}
				#msgContents dl dd{line-height:180%;}
				#msgContents dl dd.reply{text-indent:2em; color:#b0c60b;}	
				
	#honor .con{_height:1px;}
		.honorBox{float:left; display:inline; margin:5px 10px}
			.honorBox a img{width:108px; height:84px;}
		
	#cooperation .con{min-height:90px; _height:90px;}
		.brandBox{float:left; display:inline; margin:5px 9px 5px 4px; width:148px; height:64px; border:1px solid #393733;}
			.brandBox a img{width:144px; height:60px; border:2px solid #110e0a;}
			
	#links .con p{line-height:200%;}
	
	/*=> yellow border <=*/
	#teamBig a:hover img,
	.bigTeamMember a:hover img,
	.teamMember div a:hover img,
	.imageBox a:hover span img,
	#slideBox .bigPhoto a:hover img,
	.brandBox a:hover img{border-color:#fcb900;}