@charset "gb2312";
/* design by trevor QQ5370342 */

body { margin-top:35px; -margin-top:0; }
#toppage {  position:fixed; -position:static; top:0; left: 0; z-index:999; }


.artshow { width:665px; }
.artshow h3 { font-size:26px; text-align:center; font-weight:normal; padding:18px 0; }

.pagenav { text-align:center; font-size:12px; border-bottom:1px #e5e5e5 solid; padding-bottom:10px; }

.pagesay { background:#f8f8f8; padding:15px; color:#666 }

.pageartshows { padding:15px 0; }
.pageartshows , .pageartshows a { font-size:15px; }
.pageartshows p {
	text-indent:2pc;
}

#pagesad { float:left; padding-right:13px; }

#pagesha { text-align:center; border-top:1px #cfcfcf dashed; border-bottom:1px #cfcfcf dashed; padding:8px 0; }

.boxlefttit { border-top:3px #bebebe solid; margin-top:20px; padding:10px 0; }
.boxlefttit h2 { float:left; font-size:17px; color:#00ade0; }
.boxlefttit p { float:right; }

#pinglun .pingluntxt { width:660px; height:60px; border:1px #d4d0c8 solid; }
#pinglun .pingluntxt:hover { border:1px #00ade0 solid; }
#pinglun dl { width:665px; padding:15px 0; }
#pinglun dl dt { float:left; }
#pinglun dl dd { float:right; }

.pinglunbutton { background:#00ade0; border:0; color:#fff; font-size:16px; padding:3px 23px; }
.pinglunbutton:hover { background:#f60; border:0; color:#fff; font-size:16px; padding:3px 23px; }

#pinglun ul { clear:both; }
#pinglun ul h5 { font-size:14px; color:#00ade0; font-weight:normal; }
#pinglun ul h5 span { color:#828282; }
#pinglun ul li { border-bottom:1px #d4d0c8 dotted; padding-bottom:8px; margin-bottom:8px; }

#aboutart { width:665px; }
#aboutart ul li { float:left; width:322px; height:28px; overflow:hidden; background:url(list.gif) 0 12px no-repeat; padding-left:10px; }

.pagemainstit { height:38px; line-height:38px;  border-bottom:1px #e7e7e7 solid;  }
.pagemainstit , .pagemainstit a { font-size:14px; }
.pagemainstit a { color:#f30; }
.pagemainstit a:hover { color:#c00; }

#dosubmit { height:40px;width:100px; background:#00ade0; color:#fff; border:0; font-size:16px; }

.reg0762 { text-align:center; }
.reg0762 h3 { text-align:center; font-size:16px; padding:12px 0; }
.reg0762 h4 { text-align:center; font-size:14px; padding:12px 0; color:#F00 }
.reg0762 textarea { border:2px #f2f3f5 solid ;width:95%;height: 276px; padding:10px; margin:10px 0; }
.reg0762 textarea:hover { border:2px #00ade0 solid ; }

/*΢ÐÅ·ÖÏí*/
#art_follow{ left: 50%; margin: 0 0 0 520px; position: fixed; bottom:240px; z-index: 100; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+200));}
#art_follow li{ position:relative;}
#art_follow a{ background:#fff; border:1px solid #ddd; display:block; width:48px; height:48px; background:url(icon_art_follow.png) no-repeat}
#art_follow .icon-art-top a,#art_follow .icon-art-comment a,#art_follow .icon-art-weixin a{ border-bottom:none;}
#art_follow .icon-art-top{ display:none}
#art_follow .icon-art-top a{ background-position:0 15px;}
#art_follow .icon-art-comment a{ background-position:0 -37px;}
#art_follow .icon-art-weixin a{ background-position:0 -89px;}
#art_follow .icon-art-code a{ background-position:0 -89px;}

#art_follow .icon-art-top a:hover{ background-position:-48px 15px; background-color:#f8f8f8;}
#art_follow .icon-art-comment a:hover{ background-position:-48px -37px; background-color:#f8f8f8;}
#art_follow .icon-art-weixin a:hover{ background-position:-48px -89px; background-color:#f8f8f8;}
#art_follow .icon-art-code a:hover{ background-position:-48px -89px; background-color:#f8f8f8;}

#QRCode-art{ display:none;  width:180px; height:202px; border:1px solid #ddd; background:#fff; }
#QRCode-art h3{ height:30px; font:normal 12px/30px Microsoft Yahei "ËÎÌå"; text-align:left; padding-left:13px;}
#QRCode-art img{ margin-top:-8px;}
.content{
	border: 1px solid #EEE;
	margin-top:10px;
	background-color: #F6F6F6;
}
.content_title{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C00;
	margin: 0px;
	padding: 0px;
	height: 1px;
}
.content-left{
	width:10%;
	float:left;
	margin-bottom:-5000px;
	padding-bottom:5000px;
	background-color: #FFF;
	margin-right:15px;
}
.content-left li{
	width:110px;
	height:30px;
	float:left;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00BBFF;
}
.content-left li a{
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}
.content-left li:hover{
	background-color: #AAE3FF;
}
.content-right{
	width:85%;
	float:left;
	margin: 10px;
}