@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img{ border: 0;}
:focus { outline: 0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup { font-style: normal;	font-weight: normal;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;}
abbr, acronym {	border: 0; font-variant: normal;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{ font-size: 100%;}
input, button, textarea, select { font-size: 100%;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left;}
sup, sub { font-size: 100%; vertical-align: baseline;}
a, ins { text-decoration: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
body{ background:transparent; font-family:Tahoma, Arial , Helvetica,sans-serif, "宋体"; font-size:12px;}
/*float*/
.left{float:left;}
.right{float:right;}
.clear{ clear:both;}
/*width*/
/*border*/
.border-all{ border:solid 1px #f00;}
/*font*/
.text-right p span.type{ font-size:9px;}
.function li small,.pages li p,.footer p,.footer p a.power{ font-size:10px;}
h2{ font-size:11px;}
.all{ font-size:12px;}
.all{ font-size:13px;}
.footer p.dashed a,.message-list dt{ font-size:14px;}
h2{ font-weight:normal;}
.content h3,.text-left h4,.message-list dt,.message-list dd h4{ font-weight:bold;}
h2,.message-list dt em{ font-family: "微软雅黑"}
.all{ line-height:15px;}
.text-right p,.function li small,.pages li a,.pages li,.pages li p,.message-list dd p{ line-height:20px;}
p.date,.text-right p.time,.footer p.dashed a{ line-height:25px;}
/*color*/
.text-right p span.by,.message-list dt{ color:#fff;}
.content h3,.text-left h4,.footer p.dashed a,.footer p a:hover.power{ color:#000;}
.text-right p,.footer ul li a:hover,.footer p,.message-list dd h4{ color:#333;}
.text-right p span.type a,.text-right p.time,.footer p a.power,.message-list dd p{ color:#666;}
.pages li p,.subnav li a:hover{ color:#999;}
.login a:hover{ color:#ccc;}
.login a,.function li small,.footer p.dashed a:hover,.footer ul li a,.text-right a:hover.name{ color:#e7a340;}
/*bg*/
.nav li a,.text-right p span.type a,.function li a,.subnav li a:hover,.shop-menu li,.message-list dt{ background-image:url(/xi/images/bg.gif);}
/*a*/
.login a:hover{ text-decoration:underline;}
/*container*/
.wapper,.footer{ width:980px; margin:0 auto;}
/*top*/
.head{ width:100%; background:#1b1b1b; padding-bottom:10px;}
.top{ height:60px; width:1000px; margin:0 auto; }
.top img { border:0; width:20px;height:20px;overflow:hidden; vertical-align:middle;margin-top:10px; }
.haad h1,.head h2,.top h1,top h2{ float:left; margin-top:15px;}
.top h1{ background:url(/xi/images/logo.gif) left bottom no-repeat; height:45px; width:127px; }
.top h1 a{ display:block; width:100%; height:100%; cursor:pointer; text-indent:-9999px;}
.head h2{ color:#fff; line-height:45px; padding-left:10px; width:200px;}
.nav,.nav li{ float:left; }
	.nav li a{ float:left; margin:30px 0 0 35px; height:20px; text-indent:-9999px; }
	.nav li a.ex{ width:52px; background-position:-20px -20px;}
	.nav li a.sw{ width:102px; background-position:-76px -20px;}
	.nav li a.ideas{ width:70px; background-position:-180px -20px;}
	.nav li a.hu{ width:19px; background-position:-253px -20px;}
	.nav li a.xi{ width:18px; background-position:-273px -20px; margin-left:15px;}
	.nav li a:hover{ height:40px; margin-top:10px;}
	.nav li a:hover.ex{ background-position:-20px 0px;}
	.nav li a:hover.sw{ background-position:-76px 0px;}
	.nav li a:hover.ideas{ background-position:-180px 0px;}
	.nav li a:hover.hu{ background-position:-253px 0px;}
	.nav li a:hover.xi{ background-position:-273px 0px;}
#panel { display: none; background-color:#1b1b1b; }
.panel-text{ height:100px; width:980px; margin:0 auto;}
	.panel-add{ color:#333; background:url(/xi/images/panelBG3.gif) right center no-repeat; float:right; margin-right:10px; display:inline; padding:5px 15px 4px 6px; margin:40px 10px 0; font-size:12px;}
	#panel ul{ float:right; }
	#panel li{ float:left; width:75px; height:73px; margin-top:19px;}
	#panel li a{ background:url(/xi/images/panelBG.jpg); display:block; float:left; width:100%; height:100%; text-transform:capitalize; text-align:center; line-height:20px; color:#666; cursor:pointer;}
	#panel li a strong{ padding-top:50px; display:block;}
	#panel li a:hover{ color:#0281ca;}
	#panel li a.photo{ background-position: left top;}
	#panel li a.text-posts{ background-position: -81px top;}
	#panel li a.video{ background-position: -162px top;}
	#panel li a.music{ background-position: -243px top;}
	#panel li a.groups{ background-position: -324px top;}
	#panel li a.party{ background-position: -405px top;}
	#panel li a.votes{ background-position: -486px top;}
	#panel li a.hub{ background-position: -567px top;}
	#panel li a:hover.photo{ background-position: left -81px;}
	#panel li a:hover.text-posts{ background-position: -81px -81px;}
	#panel li a:hover.video{ background-position: -162px -81px;}
	#panel li a:hover.music{ background-position: -243px -81px;}
	#panel li a:hover.groups{ background-position: -324px -81px;}
	#panel li a:hover.party{ background-position: -405px -81px;}
	#panel li a:hover.votes{ background-position: -486px -81px;}
	#panel li a:hover.hub{ background-position: -567px -81px;}
/*login*/
.login,.search{ float:left; width:160px; padding-left:45px; padding-top:10px;}
	.login p{ text-align:center;}
	.login a{ margin-right:30px;}
/*logged*/
.logged{ position:fixed; left:1%; bottom:0; z-index:9999; width:98%; height:28px; background:url(/xi/images/logged-bg.gif); border:solid 1px #ccc;  _position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */}
	.logged li{ float:left; position:relative; color:#ccc; line-height:28px;}
	.logged li a{ display:block; height:28px; line-height:28px; float:left; padding:0 10px; color:#3d9ed6; cursor:pointer;}
	.logged li a:hover{ color:#666;}
	.logged li div.tooltip{ display:none; position:absolute; top:0px; left:-20px; color:#666; height:42px;  line-height:42px; width:200px;}
	.logged li p.div-left,.logged li p.div-right,.logged li p.middle{ height:42px; float:left; display:inline; line-height:42px; }
	.logged li p.div-left{ width:15px; background:url(/xi/images/bg-em.png) left top;}
	.logged li p.div-right{ width:19px; background:url(/xi/images/bg-em.png) right top;}
	.logged li p.middle{ background:url(/xi/images/bg-em.png) -70px center;}
	.logged li.right{ float:right;}
	.logged li strong{ color:#666;}
	.logged li a.followers,.logged li a.messages,.logged li a.invites,.logged li a.announcements,.logged li a.announcements-s{ background-image:url(/xi/images/bg.gif); width:35px; border-left:solid 1px #e1e1e1; padding:0;}
	.logged li a.followers{ background-position:7px -176px; }
	.logged li a.messages{ background-position:-20px -176px; text-align:right; padding-right:5px;}
	.logged li a.invites{ background-position:-50px -176px; text-align:right; padding-right:5px;}
	.logged li a.announcements{ background-position:-80px -174px; border-right:solid 1px #e1e1e1; text-align:right; padding-right:5px;}
	.logged li a.announcements-s{ background-position:-200px -174px; border-right:solid 1px #e1e1e1; text-align:right; padding-right:5px;}

/*search*/
.search{ padding-top:5px;}
.input_on,.input_move,.input_off,.input_out{ background:url(/xi/images/search.jpg) no-repeat; width:125px; height:23px; line-height:23px; border:none; float:left; padding-left:10px; overflow:hidden;}
.input_on,.input_move{ background:url(/xi/images/search-move.jpg) no-repeat;}
	* html .btn2{ margin-left:-3px;}
/*date*/
p.date{ color:#b4b4b4; text-align:right;}
/*content*/
.content{ width:735px; margin-left:15px; float:left; display:inline;}
	.content h3{ background:#fffabb; border:solid 1px #ddd; font-size:22px; line-height:60px; text-indent:20px;}
	.content h3.ideas-shop{ background:#bbefff;}
/*content-text*/
.text{ width:100%; margin:15px 0 0 0; }
.text,.text-left,.text-right{ float:left;}
.text-left{ width:735px; margin-right:5px;position:relative; border:1px solid #e9e9e9; background:#fffdea;}
	.text-left h5,.text-left h5 a{ font-size:18px; line-height:25px; color:#666;}
		.text-left h5 a:hover{ color:#333;}
	.text-left h4{ position:absolute; bottom:10px; left:-20px; line-height:50px; *line-height:55px; height:55px; font-size:22px; text-indent:20px; width:765px; background:url(/xi/images/reblog.png); z-index:1001;}
	.text-left h4 a{ color:#fff;}
	.text-left h4 img{ position:absolute;left:-40px;top:8px;}
	.text-left .uchome-message-pic,.text-left p,.text-left div{ width:550px; overflow:hidden; float:left; padding:10px;}
	.text-left p,.text-left p a{ color:#acacac; line-height:25px;}
		.text-left p a:hover{ color:#333;}
		.text-left .nt{ float:right; font-size:14px; margin:1px 10px 0; display:inline; color:#ccc;}

.text-right,.text-left div.text-right{width:150px; position:absolute; top:0; right:0;}
	.text-right p,.text-left div.text-right p{ width:145px; padding:0; line-height:20px;}
	.text-right p span.by{ background:#000; margin-right:5px; padding:0 2px; }
	.text-right p.time{}
	.text-right a.name{ color:#3b5998; padding:0 2px;}
	.text-right a:hover.name{ text-decoration:underline;}
	.text-right p span.type a{ background-position:left -40px; display:block; width:35px; height:19px; text-align:center; line-height:19px; margin-bottom:5px; }
		.text-right p span.type a:hover{ background-position:-38px -40px; color:#fff; text-decoration:none;}
		.function{ margin:25px 0 0 0; background:#eee; float:left; }
		.function li{ float:left; position:relative;}
		.function li a{ width:26px; height:27px; display:block; }
		.function li a.like{ background-position:left -64px;}
		.function li a.virb{ background-position:-27px -64px;}
		.function li a.comment{ background-position:-54px -64px;}
		.function li a:hover.like{ background-position:left -118px;}
		.function li a:hover.virb{ background-position:-27px -118px;}
		.function li a:hover.comment{ background-position:-54px -118px;}
		.function li small{ position:absolute; top:-20px; left:-1px; height:20px; width:25px; text-align:center; }
.text-icon{ bottom:0px; left:-40px; width:35px; height:32px; }
/*pages*/
.pages{ float:left;clear:both; margin:20px 0 0 0; padding-bottom:20px;}
	.pages li{ float:left; color:#555; margin-right:5px;}
	.pages li a{ display:block; float:left; color:#0281ca; border:solid 1px #ccc; padding:0 8px;}
	.pages li a:hover{ background:#fffabb;}
/*rightsidebar*/
.rightsidebar{ width:200px; float:right; display:inline;}
/*fillet*/
#ibox01 { margin:0 5px;}
#ibox02 { margin:0 3px; border:solid 2px #e9e9e9; }
#ibox03 { margin:0 2px; }
#ibox04,#ibox05 { margin:0 1px; }
#boxcon,#ibox03,#ibox04,#ibox05{ border:solid 1px #e9e9e9;}
#ibox01,#ibox02,#ibox03,#ibox04,#ibox05,#boxcon{ border-bottom:none; border-top:none; background:#e9e9e9;}
#ibox01,#ibox02,#ibox03,#ibox04,#ibox05{ height:1px; overflow:hidden;}
.testboxcon{ position: relative; }
/*subnav*/
.subnav ul{ width:180px; margin:0 auto; padding-bottom:15px;}
	.subnav li{ border-bottom:solid 1px #d9d9d9; height:30px; line-height:30px; color:#999;}
	.subnav li a{ display:block; color:#0281ca; text-indent:10px; width:100%; height:100%; text-transform:capitalize;}
	.subnav li a:hover{ background-color:#f0f0f0; background-position:10px -148px; text-indent:25px;}
/*ad*/
.ad,.support{ margin:20px auto 0 auto; width:200px; text-align:center; }
.support{ margin:0 auto;}
	.support p.us{ margin-top:10px;}
/*ideas-shop*/
.shop-menu{ margin:10px 0 0;}
	.shop-menu li{ float:left; margin-right:10px; width:124px; height:55px; overflow:hidden; background-position:left -213px;}
	.shop-menu li a{ display:block; width:112px; height:42px; margin:6px 0 0 6px; background-image:url(/xi/images/shop-menu.png);}
	.shop-menu li a:hover{ background-color:#bbefff;}
	.shop-menu li a.crary{ background-position: -5px -5px;}
	.shop-menu li a.technology{ background-position:  -138px -5px;}
	.shop-menu li a.news{ background-position:  -269px -5px;}
	.shop-menu li a.sale{ background-position:  -395px -5px;}
	.shop-menu li a.stores{ background-position:  -525px -5px;}
/*message-list*/
.message-list { margin:20px 0 0; width:100%;}
.message-list dt { cursor:pointer; line-height:35px; height:35px; padding:0 30px 0 20px; background:url(/xi/images/shop-dtBG.gif) right bottom no-repeat; clear:both; float:left; }
.message-list dt.active{ background:url(/xi/images/shop-dtBG.gif) right top no-repeat;}
	.message-list dt em{ font-style:normal; padding-right:10px;}
.message-list dd {padding:20px; border: solid 1px #e0e0e0; width:693px; clear:both; float:left;}
	.message-list dd span img{ float:left; margin-right:20px;}
	.message-list dd h4{ line-height:30px;}
	.message-list dd p{ text-align:justify; margin-top:10px;}
	.message-list dd p.share{ text-align:right;}
	input.link-text{ border:solid 1px #808080; width:200px; height:20px; line-height:20px; margin:0 5px; color:#999; vertical-align:middle;}
	input.copy-btn{ background:#d4d0c8; height:20px; border:solid 1px #808080; vertical-align:middle; cursor:pointer;}
/*photo*/
.photo-list{ width:96%; margin:0 auto;}
	.photo-list p{ text-align:center;}
	.photo-list p img{ padding:5px;}
ul.pagination{ width:100%;}
	ul.pagination li{ text-align:center; }
	ul.pagination li a{ font-size:36px; font-weight:bold; line-height:45px; color:#000;}
	ul.pagination li a:hover{}
/*footer*/
.footer{ padding:10px 0 40px 0;}
	.footer ul{ float:right; clear:both; padding-top:10px;}
	.footer ul li{ float:left;}
	.footer ul li a{ padding:0 5px;}
	.footer p{ text-align:center; width:100%; clear:both; padding-top:10px;}
	.footer p.dashed{ border-bottom:dashed 1px #ccc; text-align:right;}
	.footer p.dashed a{ margin-left:10px;}
	.footer p a:hover.power{ text-decoration:underline;}


.text-left p img{max-width: 595px;max-height:1000px;cursor:pointer;} /* for Firefox & IE7 */
* html .text-left p img{ width: expression(this.width > 595 & this.height < this.width ? 595: true); height: expression(this.height > 1000 ? 1000: true);}

/* zhuozi add 2009-1-22 */
a.ff-btn{background:url(/xi/images/ff-btn.gif) 0 0 no-repeat; width:172px; height:43px; float:left; text-align:center; overflow:hidden; margin-left:10px; line-height:43px; text-decoration:none; color:#bab8b9;}
a:hover.ff-btn{background:url(/xi/images/ff-btn.gif) -173px 0 no-repeat; width:172px; height:43px; color:#56caef; text-decoration:none;}