@charset "utf-8";
/*************************************************NETWORK PAGE***/
.nLeftBar{width:685px;float:left;}
.nRightBar{width:280px;float:right;}
	.nbox_l{border:1px solid #e1e1e1; position:relative;background:#f7f7f7; height:190px; overflow:hidden}
		.nbox_l h2{padding-left:10px;background:url(image/bg_ntitle.gif) repeat-x left top;line-height:30px;height:30px;color:#333;fon-weight:bold;font-size:14px}
		.nbox_app_list{display:block; width:200px; float:left;border-right:1px solid #e1e1e1;}
			.nbox_app_list li{padding:6px 12px;height:35px; overflow:hidden;line-height:17px;border-bottom:1px solid #e1e1e1;border-right:1px solid #fff;position:relative;color:#CC0000;font-size:14px;font-weight:bold; background:#fff url(image/bg_napp.gif) repeat-x left bottom;font-family:"Microsoft YaHei",Verdana, Arial;}
			.nbox_app_list li img{vertical-align:middle;margin: 0 5px 0 0;}
			.nbox_app_list li em{position:absolute;right:5px;top:7px; color:#999;font-style:normal;font-size:12px;font-weight:normal}
			.nbox_app_list li a{text-decoration:none; font-size:15px;}
				.nbox_app_list li em a{color:#999!important;}
			.nbox_app_list p{font-size:11px; font-weight:normal; color:#666;line-height:18px;}
		.n_banner{float:right; margin-top:12px; margin-right:12px; _margin-right:6px;width:455px; height:165px; }
		#showhere img {width:455px; height:165px;}

.n_link{padding:10px 10px 5px 15px; width:280px}
	.n_link a,.n_link span.nobg{display:block; width:75px; height:22px; line-height:22px; float:left;margin-right:12px;margin-bottom:5px; background:url(image/n_linkBg.gif) no-repeat left -22px; color:#666; text-align:center;}
	.n_link a:hover{background-position:left top; color:#fff; text-decoration:none}
	.n_link span.nobg{background:none;}

.ngl{overflow:hidden; width:278px}
	.ngl .infolist{width:280px;padding:8px 10px; }
		.ngl li{width:115px;margin-right:10px;float:left;}
			.ngl li a{color:#666}

.nTab{height:33px; float:right; overflow:hidden}
	.nTab li{float:left; display:block;height:16px; padding:9px 15px 8px; line-height:16px; font-size:14px; font-weight:normal; color:#333;margin-right:-1px; text-align:center;border-left:1px solid #e1e1e1;cursor: pointer;_cursor: hand;}
	 .nTab li a{ color:#666; }
	 .nTab li.active{background:#fff;}

.marqueen_box{display:block;margin:10px 15px; width:655px; height:386px; clear:both; overflow:hidden;position:relative}

.marqueen_box ul {position:absolute; width:100%}
.marqueen_box ul.block,#id_tab2 ul.block{ display:block}
.marqueen_box ul li{display:block;height:40px;padding:8px 120px 8px 90px;margin-bottom:10px; _margin-bottom:8px; background:url(image/bg_n_marqueen.gif) no-repeat right top; position:relative; overflow:hidden}
	.marqueen_box ul li .time{ position:absolute; width:105px; font-size:10px!important; font-family:Arial, Helvetica, sans-serif; color:#999; right:15px; top:10px; text-align:right}
	.marqueen_box ul li .avatar48{ position:absolute; left/*屏蔽IE6*/:0; top/*屏蔽IE6*/:0; _margin:0px 0px 0px 0px;}
	.marqueen_box ul li .title{font-size:14px; line-height:22px; width:425px; height:22px; overflow:hidden;}
		
		.marqueen_box ul li .title img{ width:16px; height:16px;vertical-align:middle;margin-right:2px;}
	.marqueen_box ul li .about{font-size:12px; color:#666;width:425px;line-height:18px;}

div.previous, div.nextone{position:absolute;z-index:100;margin:300px 0 0 560px}
div.nextone{margin:10px 0 0 560px;}
div.previous a{display:block;width:60px;height:60px;cursor:pointer;background:url(image/arrows.png) no-repeat left -120px;}
div.previous a:hover{background:url(image/arrows.png) no-repeat left -180px;}
div.nextone a{display:block;width:60px;height:60px;cursor:pointer;background:url(image/arrows.png) no-repeat left top;}
div.nextone a:hover{background:url(image/arrows.png) no-repeat left -60px;}


.n_list{padding:10px 15px; padding-bottom:0;}
.n_list li{padding:0 0 0 50px; margin-bottom:10px; width:255px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
	.n_list li .avatar36{ position:absolute; left/*屏蔽IE6*/:0; top/*屏蔽IE6*/:0; _margin:0px 0px 0px 0px;}
	.n_list li .title{font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px; width:255px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;/* 不换行 */ overflow:hidden;}
	.n_list li .about{font-size:12px; color:#666;width:255px;line-height:18px;}
	
.n_company ul.avatar_list{margin-top:5px; margin-bottom:5px}
.n_company li{width:72px; padding:10px; text-align:center}
	.n_company li div{ float:none!important; margin:0 auto;}
	
.popular{background:url('image/popularlist.gif') no-repeat left top;line-height:26px;margin:10px;}
.popular li{margin-left:35px;white-space:nowrap;overflow:hidden; font-size:14px;}

/**google地图动态**/

.iw_close{background:no-repeat url(http://maps.gstatic.com/mapfiles/iwcimgs0.png) -24px 0;width:12px;height:12px;float:left}
.map_pop{ position:relative;}
	.map_pop .avatar48{ float:right;margin-left:2px;}
	.map_pop .msg_time{}
	.map_pop .msg_title{font-size:14px; line-height:22px; font-weight:bold; line-height:20px;}
		.map_pop .msg_title span{font-size:14px; color:#333; font-weight:normal}
		.map_pop .msg_title img{height:14px; margin-right:3px; vertical-align:middle}
	.map_pop .info{ line-height:18px; margin-top:2px; }
		.map_pop .info a{ text-decoration:underline}
		.map_pop .info span{ color:#666}
		
	.map_pop .linkBox{margin-top:3px; padding-top:5px; text-align:right}
		.map_pop .linkBox a{ display:block; width:60px; height:20px; float:right;margin-left:5px; text-align:center; background:url(image/btn_mapPopBg.gif) no-repeat left top; color:#666; text-decoration:none}
		.map_pop .linkBox a:visited{ color:#666; text-decoration:none}
		.map_pop .linkBox a:hover{ color:#333; background-position: left -20px;}

/* Scrollable */
.trigger-bar { width:665px; height:18px;padding-top:10px; }
.trigger-bar .prev,
.trigger-bar .next {
	float:right;
	width:18px;
	height:18px;
	display:block;
	outline:none;
	background-image:url(image/navigator.png);
	background-repeat:no-repeat;
}
.trigger-bar .prev {
	margin-right:-1px;
	background-position:-40px 0;
}
.trigger-bar .next { background-position:-17px 0; }
.trigger-bar .prev:hover {
	text-decoration:none;
	background-position:0 0;
}
.trigger-bar .next:hover {
	text-decoration:none;
	background-position:-57px 0;
}

.scrollable-trigger { float:right; }
.scrollable-trigger a {
	display:inline-block;
	width:6px;
	height:6px;
	margin:6px 5px 0 0;
	font-size:0px;
	color:#70B2D5;
	background:url(image/navigator.png) -80px -10px no-repeat;
	outline:none;
	overflow:hidden;
}
.scrollable-trigger a.active,
.scrollable-trigger a:hover{
	color:#CACACA;
	background:url(image/navigator.png) -80px 0 no-repeat;
}

.scrollable-panel {
	/* 下面四项必须设置 */
	position:relative;
	margin:0 15px 0 20px;
	height:130px;
	overflow:hidden;
}
.scrollable-panel div.scroll-inbox {
	position:absolute;
	width:2010em; /* 设置足够的宽度 */
}

.scrollable-panel .scroll-inbox div{float:left;margin:10px 20px 0 0;display:inline;text-align:center;}
.scrollable-panel .scroll-inbox div p{text-align:center; color:#999;margin-top:3px; font-size:10px;}
.scrollable-panel .scroll-inbox div p span{font-size:10px;}
.scrollable-panel .scroll-inbox img {
	  padding:2px; border:1px solid #ccc; width:85px; height:85px;-moz-border-radius:4px; -webkit-border-radius:4px;
}

.widget {
	width:437px;
	height:66px;
	text-align:center;
}
.widget img {
	width:120px;
	height:60px;
	padding:2px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.n_game { overflow:hidden;width:280px; margin:4px 0 8px; }
.n_game li{ float: left; display:block; margin:10px 3px 10px 15px; padding:0; width: 70px; text-align:center}
	.n_game li p{ overflow: hidden; text-align: center; margin-top:5px;}
	.n_game li p img{ width: 60px; height: 60px; }


	#showuser { padding-bottom: 1px; }
		#user_recomm { position: relative; margin:0; padding:15px 15px 0; overflow: hidden; }
			#user_recomm h2 { position: absolute; left: 15px; top: 15px; width: 36px; height: 120px; background: url(image/showuser_top.gif) no-repeat 0 0; text-indent: -9999px; z-index: 10; }
			#user_recomm .s_avatar { float: left; padding-right: 15px; width:120px; height:120px; overflow:hidden }
				#user_recomm .s_avatar a { display: block; width: 120px; height: 120px; background: #FFF; }
				#user_recomm .s_avatar img { max-height:120px; max-width:120px; _width: expression(this.width > 120 && this.width/this.height > 0.7 ? 120 : true); _height: expression(this.height > 120 && this.width/this.height < 0.7 ? 120 : true);  }
				.safari_hack { }
			#user_recomm .s_cnts { padding: 0; line-height: 20px; }
				#user_recomm h3 { margin-bottom: 3px; font-weight: 700; }
				#showuser hr { height: 0; border-top: 1px solid #D1D1D1; border-bottom: none; border-left: none; border-right: none; }
		#user_wall { margin-top: 1px; width: 250px; padding:10px 15px; }
			#user_wall div { background: url(image/avatar_blank.gif); }
				#user_pay { margin-bottom: 1px; }
					#user_pay p { position: absolute; right: 2px; top: 52px; width: 98px; height: 48px; background: #F7F7F7; }
						#user_pay p a { display: block; margin: 8px 8px 9px; width: 82px; height: 31px; background: url(image/showuser_label.gif) no-repeat 0 -216px; text-indent: -9999px; overflow: hidden; }
			#user_wall h2, #user_wall li { float: left; position: relative; display: inline; margin: 1px; width: 48px; height: 48px; }
				#user_wall h2 { margin-right: -6px; width: 55px; background: url(image/showuser_top.gif) no-repeat 0 0; z-index: 10; overflow: hidden; }
					#user_pay h2 { background-position: 0 0; }
						#user_wall h2 a { display: block; width: 48px; height: 48px; text-indent: -9999px; }
				#user_wall li a { position: relative; width:48px; height:48px; display: block; }
					#user_wall li a:hover img { margin: -2px; border: 2px solid #000; }
				#user_wall li{ z-index:11}
				#user_wall li.first{ z-index:9}
			#user_wall hr { margin: 1px 0 0 0; display: block; clear: both; }
		#usertip_box { position: absolute; z-index: 999; margin-left: -2px; width: 200px; visibility: hidden; }
			#usertip_box div { position: absolute; padding: 3px 6px; background: #000; color: #FFF; }


.bubbleInfo {position: relative;}
.trigger {position: absolute;}
.popup {position: absolute;display: none;z-index: 100;border-collapse: collapse;opacity: 0; top: -48px; left: -50px; display: none; border:1px solid #000;background-image:none!important;background:#000!important;width:140px;height:46px;padding:0 3px 2px;color:#ccc; line-height:15px}