﻿@charset "utf-8";
/*  
风格名称: 站酷主站主体与文字式样
*/

/* #################### 主控制 ##################### */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,
fieldset,input,p,blockquote,th,td {margin:0px; padding:0px;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:none;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
img a {border: none;}

/* #################### 公共部分 ##################### */

body {
	background: #EAEAEA;
	font: 12px Verdana, Helvetica, sans-serif;
	line-height: 1.25em;
	color: #4C4C4C;
	width: 100%;
	height:100%;
	background: #EAEAEA url(/templets/02953_zcool/images/body_bg.gif) repeat-x left top;
}
select, input{
	font: 12px Verdana, Helvetica, sans-serif;
}

html, html>body {
	width: 100%;
	height: 100%;
}
.clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	margin-top: -1px;
}
/* #################### 文字式样 ##################### */

a {
	color: #363739;
	text-decoration: none;
}

a:hover {
	color: #2B2B2B;
	text-decoration: underline;
}

.b {
font-weight: bold;
}
.u a {
	text-decoration: underline;
}
.u a:hover {
	text-decoration: none;
}
.w a {
	text-decoration: underline;
	color: #fff;
}
.w a:hover {
	text-decoration: none;
	color: #fff;
}
.pl12 {
	padding: 0px 0 0 12px;
}
.p8 a {
	padding: 0px 8px 0 8px;
}
.p8_right a {
	padding: 0px 8px 0 0;
}
.h15 {
	width: 980px;
	height:15px;
	padding: 0px;
	margin: 0px auto;
}
.xx_line {
	border-top:1px dotted #9E9E9E; 
	height: 0px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.red_link {
    color: #AE0001;
}
.red {
    color: red;
}
.red a{
    color: red;
}
.red a:hover{
    text-decoration: underline;
}
.gary {
    color: #686868;
}
.lefta{
	float: left;
}
.righta{
	float: right;
}
.pt10 {
	padding: 10px 0 10px 0px;
}
.pt3 {
	padding: 3px 0 0px 0px;
}
.pt8 {
	padding: 6px 0 0px 0px;
}
.ml8 {
	margin: 0 0 0px 8px;
}
.mt10 {
	margin-top: 10px;
}
.mrg a {
	color: #2b2b2b;
}
.mrg a:hover {
	color: #2b2b2b;
}
.gary_link a {
	color: #5A5A5A;
}
.gary_link a:hover {
	color: #5A5A5A;
}
.line1 {
	line-height: 22px;
}
.font14 {
font-size: 14px;
}

.bh {
    color: #D40000;
	font-weight: bold;
}
.bh a{
    color: #D40000;
	text-decoration: underline;
}
.shuzi {
    color: #D40000;
}
.shuzi a{
    color: #D40000;
	text-decoration: underline;
}
.left{
float: left;
}
.right{
float: right;
}
.list_p4 {
	PADDING:5px 0 5px 0;
	height: 20px;
	float:left;
}
.list_p5 {
	PADDING:5px 0 5px 0;
	height: 20px;
	float:right;
	margin-top: -6px;
}
.list_p5 form {
	PADDING:0px; MARGIN:0px;
}
.list_p6 {
	BORDER: #2b2b2b 1px solid;
	padding: 0 5px 0 5px;
	background: #CFCFCF;
	font-weight: bold;
	color: #000;
}
.boy_online {
	background: url(/templets/02953_zcool/images/boy_online.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
.boy_offline {
	background: url(/templets/02953_zcool/images/boy_offline.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
.girl_online {
	background: url(/templets/02953_zcool/images/girl_online.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
.girl_offline {
	background: url(/templets/02953_zcool/images/girl_offline.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
/* #################### 翻页 ##################### */

.pages {
	PADDING:0px; MARGIN:0px;
}
.pages A {
	BORDER-RIGHT: #2b2b2b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2b2b2b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #2b2b2b 1px solid; COLOR: #2b2b2b; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2b2b2b 1px solid; TEXT-DECORATION: none;
}
.pages A:hover {
	BORDER-RIGHT: #2b2b2b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2b2b2b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #2b2b2b 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2b2b2b 1px solid;color:#2b2b2b;BACKGROUND-COLOR: #A3AF32;
}
.pages A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid;
}
.pages SPAN.current {
	BORDER-RIGHT: #2b2b2b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2b2b2b 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #2b2b2b 1px solid; COLOR: #2b2b2b; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2b2b2b 1px solid; BACKGROUND-COLOR: #A3AF32;
}
.pages SPAN.disabled {
	BORDER-RIGHT: #B6B6B6 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #B6B6B6 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #B6B6B6 1px solid; COLOR: #B6B6B6; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #B6B6B6 1px solid;
}


/* #################### 表单 ##################### */
.jump_input {
  width: 28px;
  height:15px;
  PADDING-left: 3px;
}

/*  
头部
*/
#Header {
	width: 980px;
	height:98px;
	padding: 0px;
	margin: 0px auto;
	background: #A3AF32 url(/templets/02953_zcool/images/header_bg.gif) repeat-x left top;
}
.Header_u01 {
	width:283px;
	float:left;
}
.Headeru_u02 {
	width:697px;
	float:left;
}
.Header_p01 {
	width:570px;
	float:left;
	margin:23px 0 0 0;
	color: #CC9A00;
}
.Header_p02 {
	width:120px;
	float:right;
	margin:23px 0 0 0;
	text-align:right;
	color: #CC9A00;
}
.Header_p01 a, .Header_p02 a, .search_text a{
	color: #363739;
	padding: 0px 4px 0 4px;
}
.Header_p01 a:hover, .Header_p02 a:hover, .search_text a:hover{
	text-decoration: underline;
}
/* logo*/
.logo_op {
	display: block;
	width: 250px;
	height: 98px;
	background: url(/templets/02953_zcool/images/logo.gif) no-repeat left top;
	border: 0;
}
/* 搜索*/
#search{
	width:697px;
	height:37px;
	overflow: hidden;
	float:left;
	margin: 10px 0 0 0;
}
.search_left {
	width:5px;
	height:37px;
	float:left;
	background: #C7D63D url(/templets/02953_zcool/images/search_left.gif) no-repeat left top;
}
.search_mid {
	width:687px;
	height:37px;
	background: #C7D63D;
	float:left;
}
.search_right {
	width:5px;
	height:37px;
	float:left;
	background: #C7D63D url(/templets/02953_zcool/images/search_right.gif) no-repeat left top;
}
.search_input {
    width: 383px;
	height: 24px;
	color: #555;
	padding: 6px 4px 0 4px;
	margin: -2px;
	font-size: 14px;
	border: 0px solid #B5B8C8;
	background: #FFF url('/templets/02953_zcool/images/text_bg.gif') repeat-x;
	 }
.search_select {
	width: 130px;
	color: #555;
	height:24px;
	margin: -1px;
	border: 0px solid #B5B8C8;
	font-size: 14px;
	background: #FFF;
	 }
.search_s {
	 width: 129px;
	 height:20px;
	 float:left;
	 padding: 2px;
	 margin: 6px 0 0 2px;
	 overflow: hidden;
	 border: 1px solid #A3AF32;
	 background: #fff;
	 }
.search_s1 {
	 width: 129px;
	 height:20px;
	 float:left;
	 margin: 0;
	 overflow: hidden;
	 background: #fff;
	 }
.search_i {
     width: 390px;
	 height:24px;
	 float:left;
	 margin: 6px 0 0 2px;
	 overflow: hidden;
	 border: 1px solid #A3AF32;
	 background: #fff;
	 }
.search_b {
	 height:18px;
	 float:left;
	 margin: 11px 0 0 6px;
	 overflow: hidden;
	 }
.search_text {
	 height:18px;
	 float:left;
	 margin: 11px 0 0 6px;
	 font: 12px Verdana, Helvetica, sans-serif;
	 font-weight: normal !important;
	 color: #CC9A00;
	 overflow: hidden;
	 }
/* 主菜单*/
#mainNav {
	width: 980px;
	height:36px;
	padding: 0px;
	margin: 0px auto;
	background: #606060 url(/templets/02953_zcool/images/mainNav_bg.gif) repeat-x;
}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 12px 宋体;
width: 900px;
height:36px;
overflow: hidden;
margin: 0 auto;
border-left: 1px solid #CFCFCF;
background: #606060 url(/templets/02953_zcool/images/mainNav_bg.gif) repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #CFCFCF;
padding: 12px 16px 0 16px;
height:36px;
text-decoration: none;
border-right: 1px solid #CFCFCF;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #000;
background: #EAEAEA;
}

.mainNav_right{
	width:78px;
	height:13px;
	float:right;
	font: 12px 宋体;
	margin:12px 0 0 0;
	overflow:hidden;
	color: #CFCFCF;
	text-align:right;
}
.mainNav_right a{
	color: #CFCFCF;
}
.mainNav_right a:hover{
	color: #fff;
	text-decoration: underline;
}
#endpage_topbanner {
	width: 980px;
	padding: 0px;
	margin: 15px auto;
}
/* 我的位置*/
#tips {
	width: 980px;
	padding: 0px;
	margin: 0px auto;
	overflow:hidden;
	border: 0px solid #C4C4C4;
}
.tips_left {
	width:800px;
	float:left;
	height:14px;
	font: 12px 宋体;
	overflow:hidden;
}
.tips_left a{
	color: #363739;
	text-decoration: underline;
}
.tips_left a:hover{
	color: #363739;
	text-decoration: none;
}
.tips_right {
	width:170px;
	float:right;
	text-align:right;
	overflow:hidden;
}
/* 显示方式位置*/
#bar {
	width: 980px;
	height:30px;
	padding: 0px;
	margin: 10px auto;
	overflow:hidden;
	background: #A3AF32 url(/templets/02953_zcool/images/bar_bg.gif) repeat-x top left;
}
.bar_left {
	width:566px;
	float:left;
	font: bold 12px 宋体;
	overflow:hidden;
	padding: 9px 0 0 12px;
	color: #000;
}
.bar_left a{
	color: #000;
}
.bar_left a:hover{
	text-decoration: underline;
}
.bar_right {
	width:398px;
	float:left;
	height:30px;
	text-align:left;
	margin: 4px 0 0 0px;
	overflow:hidden;
}
.bar_right1 {
	width:397px;
	float:left;
	height:30px;
	text-align:right;
	margin: 5px 5px 0 0;
	overflow:hidden;
}
.list_style1_on {
	background: url(/templets/02953_zcool/images/list_style1_on.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.list_style1_off {
	background: url(/templets/02953_zcool/images/list_style1_off.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.list_style2_on {
	background: url(/templets/02953_zcool/images/list_style2_on.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.list_style2_off {
	background: url(/templets/02953_zcool/images/list_style2_off.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.digest1 {
	background: url(/templets/02953_zcool/images/digest1.gif) no-repeat right top;
	display: block;
	float: left;
	width: 10px;
	height: 13px;
	padding-left:3px;
}
.digest2 {
	background: url(/templets/02953_zcool/images/digest2.gif) no-repeat right top;
	display: block;
	float: left;
	width: 22px;
	height: 13px;
	padding-left:3px;
}
.digest3 {
	background: url(/templets/02953_zcool/images/digest3.gif) no-repeat right top;
	display: block;
	float: left;
	width: 34px;
	height: 13px;
	padding-left:3px;
}
.digg_s {
	background: url(/templets/02953_zcool/images/digg_s.gif) no-repeat left top;
	display: block;
	float: left;
	width: 11px;
	height: 13px;
	margin: 0 2px 0 5px;
}
.add {
	background: url(/templets/02953_zcool/images/add.gif) no-repeat;
	width: 61px;
	height: 16px;
	float: left;
	margin: 3px 0 0 5px;
}
.zoom {
	background: url(/templets/02953_zcool/images/zoom.gif) no-repeat;
	width: 63px;
	height: 16px;
	float: left;
	margin: 8px 0 0 0;
}
.do_digg {
	background: url(/templets/02953_zcool/images/do_digg.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_fav {
	background: url(/templets/02953_zcool/images/do_fav.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_com {
	background: url(/templets/02953_zcool/images/do_com.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_share {
	background: url(/templets/02953_zcool/images/do_share.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_block {
	background: url(/templets/02953_zcool/images/do_block.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_download {
	background: url(/templets/02953_zcool/images/do_download.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_add {
	background: url(/templets/02953_zcool/images/do_add.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.ck {
	background: url(/templets/02953_zcool/images/ck.gif) no-repeat;
	width: 44px;
	height: 20px;
	float: left;
	padding: 5px 0 0 30px;
	color: #fff;
}
.sc {
	background: url(/templets/02953_zcool/images/sc.gif) no-repeat;
	width: 44px;
	height: 20px;
	float: left;
	padding: 5px 0 0 30px;
	color: #fff;
}
/* #################### 排序下来菜单式样 ##################### */
#paixu_select .select_box{width:100px;height:24px;margin: 0;}
#paixu_select div.tag_select{display:block;color:#363739;width:80px;height:24px;background:transparent url("/templets/02953_zcool/images/search_select.gif") no-repeat 0 0;padding:0 10px;line-height:24px;}
#paixu_select div.tag_select_hover{display:block;color:#363739;width:80px;height:24px;background:transparent url("/templets/02953_zcool/images/search_select.gif") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
#paixu_select div.tag_select_open{display:block;color:#363739;width:80px;height:24px;background:transparent url("/templets/02953_zcool/images/search_select.gif") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
#paixu_select ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("/templets/02953_zcool/images/search_select.gif") no-repeat right bottom;width:100px;padding:0 0 5px;margin:0;}
#paixu_select ul.tag_options li{background:transparent url("/templets/02953_zcool/images/search_select.gif") repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#515255;}
#paixu_select ul.tag_options li.open_hover{background:transparent url("/templets/02953_zcool/images/search_select.gif") no-repeat 0 -72px;color:#fff;}
#paixu_select ul.tag_options li.open_selected{background:transparent url("/templets/02953_zcool/images/search_select.gif") no-repeat 0 -96px;color:#fff;}


/* 内容封套*/
#container {
	width: 980px;
	padding: 0px;
	margin: 15px auto;
	overflow:hidden;
}


/* 列表右广告*/
#banner {
	width: 160px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	float:left;
}

/* 素材频道右则*/
#sucai_r {
	width: 156px;
	padding: 1px;
	margin: 0px;
	overflow:hidden;
	float:left;
	text-align:center;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}
.sucai_r_p1 {
	width: 156px;
	height: 20px;
	padding-top: 5px;
	margin: 0px;
	overflow:hidden;
	float:left;
	text-align:center;
	background: #A3AF32 url(/templets/02953_zcool/images/bar_bg.gif) repeat-x top left;
	font-weight: bold;
}
.sucai_r_p2 {
	width: 138px;
	height: 120px;
	padding: 10px;
	margin: 0px;
	overflow:hidden;
	text-align:center;
	border-bottom: 1px dotted #9E9E9E;
}
.sucai_r_p2 img{
	margin-bottom: 3px;

}
.sucai_r_p3 {
	width: 138px;
	height: 15px;
	padding: 10px;
	margin: 0px;
	overflow:hidden;
	float:left;
	text-align:center;
}
.sucai_r_p4 {
	width: 138px;
	height: 93px;
	padding: 10px;
	margin: 0px;
	overflow:hidden;
	text-align:center;
	border-bottom: 1px dotted #9E9E9E;
}
.sucai_r_p4 img{
	margin-bottom: 3px;
}
/* 底部*/
#footer {
	width: 980px;
	padding-bottom: 20px;
	margin: 15px auto;
	overflow:hidden;
	line-height:20px;
}
.footer_u1{
    width: 980px;
	height:22px;
	background: #A3AF32;
	text-align:center;
	padding-top: 8px;
}
.footer_u1 a{
	padding: 0 8px 0 8px;
	color: #363739;
}
.footer_u1 a:hover{
	text-decoration: underline;
}
.footer_u2{
    line-height:24px
	color: #363739;
	padding-top: 10px;
	text-align:center;
}
.footer_u2 p{
	padding-top: 3px;
}


.jdjz {
	vertical-align: middle;
    display: inline;
}
.edit_comment_textarea {
	width: 450px;
	height:150px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	background: #FFF url('/templets/02953_zcool/images/text_bg.gif') repeat-x;
	
}
.edit_comment_submit {
	padding: 3px;
	text-decoration: none;
	margin-top: 10px;
}

.edit_comment_smile {
	width: 450px;
	padding: 0;
	margin-top: 0;
}
.edit_comment_smile img {
	padding: 4px;
    width: 20px;
	height: 20px;
	margin: 3px 3px 0 0;
	overflow:hidden;
	border: 1px solid #C4C4C4;
	float:left;
}
.art_czbq_ul1_down {
	width: 106px;
	height: 35px;
	padding: 9px 0 0 30px;
	margin: 6px 0 0 6px;
	overflow:hidden;
	float:left;
	background: url('/templets/02953_zcool/images/down_now.gif') no-repeat;
	line-height:12px;
	color: #fff;
}
.art_czbq_ul1_down a:hover {
	text-decoration: none;
}
.gno1 {
	color: #CFCFCF;
	font-size:10px;
}
.gno2 {
	color: #fff;
}
.gno2 a, .gno2 a:hover {
	color: #fff;
	text-decoration: none;
}
.text-top-login {
	width: 200px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	background: #FFF url('/templets/02953_zcool/images/text_bg.gif') repeat-x;
	
}
.submit-top-login {
	padding: 3px;
	margin-top: 0px;
	text-decoration: none;
}

#zcooltopgg {
	width: 980px;
	padding: 0px;
	margin: 0px auto;
}

.zcooltopgg {
	width: 980px;
	height:92px;
	padding: 0px;
	margin: 15px 0 15px 0;
	overflow:hidden;
}
.zcooltopgg1 {
	width: 980px;
	height:92px;
	padding: 0px;
	margin: 15px 0 0 0;
	overflow:hidden;
}
.zcooltopgg_li1 {
	width: 233px;
	height:90px;
	padding: 0px;
	margin: 0 15px 0 0;
	overflow:hidden;
	float:left;
	border: 1px solid #C4C4C4;
}
.zcooltopgg_li2 {
	width: 728px;
	height:90px;
	padding: 0px;
	margin: 0;
	overflow:hidden;
	float:left;
	border: 1px solid #C4C4C4;
}

.zcoolrightgg {
	width: 336px;
	padding: 0px;
	margin: 0;
	overflow:hidden;
}
.zcoolrightgg p{
	width: 336;
	padding: 0px;
	margin: 0 0 10px 0;
	overflow:hidden;
}

.zcoollistleftgg {
	width: 634px;
	height: 250px;
	padding: 0px;
	margin: 10px 0 0 0;
	overflow:hidden;
}
	.index_jcpl {
	width: 657px;
	padding: 0;
	margin: 12px 0 0 0;
	overflow:hidden;
	}
	.index_jcpl ul {
	width: 657px;
	padding: 0;
	margin: 0;
	}
	.index_jcpl li {
	width: 657px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	overflow:hidden;
	border-bottom: 1px dotted #C9C9C9;
	}
	.index_jcpl_l {
	width: 48px;
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	overflow:hidden;
	float:left;
	}
	.index_jcpl_r {
	width: 599px;
	padding: 0;
	margin: 0;
	overflow:hidden;
	float:left;
	line-height:20px;
	}
	.picr {
	width: 100px;
	height:75px;
	padding: 0;
	margin: 0 0 6px 6px;
	overflow:hidden;
	float:right;
    }
	.jcpl_more {
	width: 657px;
	padding: 0;
	margin: 0;
	overflow:hidden;
	text-align:right;
	}

