@charset "utf-8";
/*
主题名称: Fanz Revamp
URI: the-theme's-homepage
描述: 黑紅灰
作者: Grin.Zhou
模板: none
版本: v0.1 
最後修改日期: 2009-11-10
*/

/* tab切換效果的css */
@import url("/css/revamp1/suit/tabs.css");
/* 右邊寬度300px的cloum */
@import url("/css/revamp1/suit/section_rightSide.css");
/* fix bug old version */
@import url("/css/revamp1/suit/fix_ov.css");

#mainContent {
	float:left;
	width:645px;
}

.bg_mainContent_gray {
	padding:0 10px;
	_padding:0;
	background:url(/images/revamp1/bg_mainContent_gray_loop.gif) repeat-y top;
}
.bg_mainContent_top {
	position:relative;
	left:-10px;
	_left:0;
	width:645px;
	height:10px;
	background:#fff url(/images/revamp1/bg_mainContent_top.gif) no-repeat;
	overflow:hidden;
}
.bg_mainContent_btm {
	position:relative;
	left:-10px;
	_left:0;
	width:645px;
	height:10px;
	background:#fff url(/images/revamp1/bg_mainContent_btm.gif) no-repeat;
	overflow:hidden;
}

.bg_mainContent_gray .bg_white {
	padding:0 10px 20px 10px;
	_margin:0 10px;
}


#sidebar1 {
	float: right; 
	width: 300px; 
}

.section {
	clear:both;
	padding-top:10px;
}
.section .title,
.section .content-box,
.section .bottom,
.section .tab {
	width:100%;
}

.section .title h2 {
	margin:0 10px;
	font-size:15px;
	color:#fff;
	line-height:30px;
}


.section .title_black {
	height:30px;
	background:url(/images/revamp1/title_section_black.gif) no-repeat;
}
.section .title_black_left {
	height:30px;
	background:url(/images/revamp1/title_section_black_645.gif) no-repeat;
} 
.section .title_black h2,
.section .title_black_left h2 {
	font-size:15px;
	line-height:30px;
	color:#fff;
	margin:0 10px;
}


.section .top-diagonal-gray {
	height:30px;
	background: url(/images/revamp1/section_top_gray.gif) no-repeat;
}
.section .top-diagonal-gray h3 {
	margin-left:10px;
	font-size:14px;
	line-height:30px;
	color:#fff;
}

.section .bg-diagonal-gray {
	background: url(/images/revamp1/section_loop_gray.gif) repeat-y;
}
.section .btm-diagonal-gray {
	height:6px;
	overflow:hidden;
	background: url(/images/revamp1/section_btm_gray.gif) no-repeat;
}
.section .bg-diagonal-gray .content {
	background: #fff;
	padding:10px;
}
.section .bg-diagonal-gray .warp {
	padding:0 10px 10px 10px;
}
.section .bg-diagonal-gray .tag-list {
	float:none;
}

.section .bg-diagonal-gray .warp {
	padding-bottom:5px;
}


.section .update-list {
	clear:both;
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #ccc;
}
.section .update-time {
	margin-bottom:10px;
}
.section .update-list .user-avator {
	position:relative;
	float:left;
	width:60px;
	height:60px;
	margin-right:10px;
}
.section .update-list .user-avator img {
	position:absolute;
	z-index:1;
	width:60px;
	height:60px;
}


.section .update-list .club-logo-gen {
	position:relative;
	float:left;
	width:75px;
	padding:6px;
	margin-right:5px;
	background:#e8e8e8;
}
.section .update-list .club-logo-ofc {
	position:relative;
	float:left;
	width:75px;
	padding:6px;
	margin-right:5px;
	background:#e00000 url(/images/revamp1/bg_red_square.gif) no-repeat center;
}

.section .update-list .club-logo-gen img,
.section .update-list .club-logo-ofc img {
	width:75px;
	height:75px;
}


.tooltip {
	display: none;
	position: absolute; 
	z-index: 100;
	width:209px;
	height:122px;
	background:url(/images/revamp1/bg_user-favour.png) no-repeat;
	_background:url(/images/revamp1/user-favour-4IE6.gif) no-repeat;
	/*_behavior: url(/css/revamp1/iepngfix.htc);*/
}
.section .tooltip .favour-tags {
	padding:16px 16px 20px 16px;
	font-size:13px;
	overflow:hidden;
}
.section .tooltip .favour-tags a {
	margin-right:5px;
	line-height:1.6em;
	word-break:break-all;
}


.update-content {float:right;}
.bg_mainContent_gray .update-content {
	width:510px;
}
.listing .update-content {
	width:550px;
}




.section .update-content h3 {
	font-size:15px;
	display:block;
	#width:470px;
	padding-top:3px;
	color:#cc3366;
	cursor:pointer;
}
.section .update-content h3 a:link,
.section .update-content h3 a:visited {
	color:#cc3366;
}
.section .update-content h3 a:hover {
	color:#fff;
	background:#cc3366;
}

.update-content .rating_bar {
	clear:both;
	height:15px;
	padding:5px 0;
	text-align:right;
}
.update-content .rating_bar .carrier {
	position:relative;
	width:120px;
}


.section .label_ofc {
	_height:21px;
	min-height:21px;
	padding-left:40px;
	background:url(/images/revamp1/ico_label_ofc.gif) no-repeat left top;
}


.section .content-box .update-content .provenance {
	clear:both;
	padding-top:2px;
	color:#999;
}
.section .content-box .update-content .provenance a:link,
.section .content-box .update-content .provenance a:visited {
	color:#333;
	margin-right:5px;
}
.section .content-box .update-content .provenance a:hover {
	color:#cc3366;
}

.section .content-box .update-content .detail {
	padding-top:5px;
	color:#222;
}
.section .content-box .update-content .detail .cell-style {
	margin-top:10px;
}
.section .content-box .update-content .detail a:link,
.section .content-box .update-content .detail a:visited {
	color:#cc3366;
	margin:0 2px;
}
.section .content-box .update-content .detail a:hover {
	color:#fff;
	background:#cc3366;
}
.section .content-box .update-content .detail .symbol {
	height:20px;
	line-height:20px;
	padding-left:30px;
	background:url(/images/revamp1/user-zone/ico_square_gray.gif) no-repeat left;
}


.accessories {
	clear:both;
	padding:5px 0;
}
.accessories .thumbnail {
	float:left;
	/*width:130px;
	height:130px;*/
	padding:5px 10px 5px 0;
}

.accessories .photo {
	/*#position:relative;
	float:left;*/
	display:table;
	text-align:center;
	overflow:hidden;
}
.accessories .photo img {
	/*#position:relative;
	#top:-50%;
	#left:-50%;*/
	background:#fff;
	padding:4px;
	#padding:4px;
	border:1px solid #ccc;
}
.accessories .photo .pereMid {
    display:table-cell;
	/*vertical-align:middle;
    #position:absolute;
	#top:50%;*/
}

.accessories .video {
	position:relative;
	float:left;
	/*display:table;
	text-align:center;
	overflow:hidden;*/
}
.accessories .video img {
	position:relative;
	width:120px;
	height:90px;
	z-index:1;
}
.accessories .video .pereMid {
    /*position:relative;
	clear:both;
	vertical-align:middle;
	margin-top:18px;*/
}

.more-comment {	
	clear:both;
	text-align:right;
	margin-top:5px;
}
.more-comment a {
	font-size:11px;
	font-family:PMingLiU;
	color:#be0101;
	cursor:pointer;
}
.more-comment a:hover {
	text-decoration:underline;
}

.comment-count {
	clear:both;
	padding-bottom:5px;
	margin-bottom:10px;
	text-align:right;
	color: #999;
	border-bottom:1px solid #e0e0e0;
}


.section .reply-now {
	clear:both;
	position:relative;
}
.section .reply-now .replay-list {
	display:inline-block;
	position:relative;
	margin-bottom:3px;
}
.section .reply-now .user-avator {
	float:left !important;
	width:44px !important;
	height:44px !important;
	margin:0 5px 0 0 !important;
}
.section .reply-now .user-avator img {
	position:static !important;
	width:44px !important;
	height:44px !important;
}
.section .reply-now .reply-content {
	float:left;
	min-height:36px;
	_height:36px;
	padding:4px 10px 4px 20px;
	background:#f2f2f2 url(/images/revamp1/bg_blbble_corner.gif) no-repeat left top;
}
.bg_mainContent_gray .reply-content {
	width:430px;
}
.listing .reply-content {
	width:470px;
}

.section .reply-now .reply-content a:link,
.section .reply-now .reply-content a:visited {
	color:#cc3366;
}
.section .reply-now .reply-content a:hover {
	color:#fff;
	background:#cc3366;
}
.section .reply-now .reply-content .text_abbr {
	#width:430px;
}
.section .reply-now .reply-ta {
	padding:5px 0;
}
.section .reply-now .reply-ta textarea {
	height:14px;
	line-height:14px\9;
	padding:4px 5px;
	border-left:1px solid #b7b7b7;
	border-top:1px solid #929292;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #dedede;
	font-size:12px;
	color: #666;
	overflow-x:hidden;
	overflow-y:auto;
	vertical-align:middle;
	vertical-align:baseline\9;
}
.bg_mainContent_gray .reply-now .reply-ta textarea {
	width:442px;
	width:448px\9;
	#width:430px;
}
.listing .reply-now .reply-ta textarea {
	width:482px;
	width:488px\9;
	#width:470px;
}

.section .reply-now .reply-ta textarea.focusField {
	color: #000;
}
.section .reply-now .btn_replyNow {
	height:24px;
	padding:0 10px;
	border:none;
	text-align:center;
	color:#fff;
	cursor:pointer;
	vertical-align:middle;
	vertical-align:baseline\9;
	background:#000 url(/images/revamp1/btn_black_h26.gif) repeat-x;
}
.section .reply-now .btn_replyNow_disable {
	height:24px;
	padding:0 10px;
	border:none;
	text-align:center;
	color:#e2e2e2;
	cursor:default;
	vertical-align:middle;
	vertical-align:baseline\9;
	background:#ccc url(/images/revamp1/btn_gray_h26.gif) repeat-x;
}


.update_tab {
	position:relative;
	margin:10px 0;
}
.update_tab ul {
	padding-left:20px;
	height:21px;
	line-height:21px;
	border-bottom:2px solid #e0e0e0;
}
.update_tab ul li {
	float:left;
	display:inline-block;
	margin-right:3px;
	list-style:none;
	_position:relative;
	_top:2px;
}
.update_tab ul li.ui-tabs-selected {
	border-top:2px solid #e0e0e0;
	border-left:2px solid #e0e0e0;
	border-right:2px solid #e0e0e0;
}

.update_tab ul li a {
	display:block;
	float:left;
	height:21px;
	line-height:21px;
	padding:0 10px;
	cursor:pointer;
	_color:#fff !important;
	background:#666;
}
.update_tab ul li.ui-tabs-selected a:link,
.update_tab ul li.ui-tabs-selected a:visited {
	_color:#111 !important;
}
.update_tab ul li a:hover {
	_color:#111 !important;
	#text-decoration:none !important;
}


.update_tab .update_sort {
	position:absolute;
	line-height:21px;
	top:0;
	right:0;
}
.update_tab .update_sort select {
	width:60px;
	height:20px;
	line-height:20px;
	background:#ccc;
	border:none;
}


.section .title .sort-cate {
	position:absolute;
	top:6px;
	right:10px;
}
.section .title .sort-cate select {
	width:100px;
	height:20px;
	line-height:20px;
	border:none;
	background:#333;
	color:#fff;
}


.section .content-box .photo-show,
.section .content-box .video-show {
	float:left;
	width:100%;
	padding-top:10px;
	clear:both;
}
.section .content-box .p-show1 {
	float:left;
	width:50%;
	#width:49%;
	margin-bottom:10px;
	background:#f8f8f8;
}
.section .content-box .photo-show .accessories .photo img {
	left:0;
	top:0;
}
.section .content-box .photo-show .p-show1 {
	height:150px;
}
.section .content-box .video-show .p-show1 {
	height:130px;
}

.section .content-box .item-info {
	padding:10px 0;
}
.section .content-box .item-info a:link,
.section .content-box .item-info a:visited {
	color:#cc3366;
}
.section .content-box .item-info a:hover {
	color:#fff;
	background: #cc3366;
}
.section .content-box .item-info .cell-style {
	display:block;
	margin-bottom:8px;
}
.section .content-box .video-show .pereMid {
	margin-top:0;
}

.section#update-info {
	padding-top:0;
}