﻿body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff;line-height:2em;margin:0px;text-align:center;background:url(../Skin/bg.gif) top repeat-x #000}
body > div{text-align:center;margin-right:auto;margin-left:auto;}
a{color:#ccc}
#logo{margin:0;text-align:left;padding:0;left:0;position:absolute}
.mainlogo{width:191px;margin:0;padding:0}
#header{width:100%;border:0;height:498px;background:url(../skin/top_left.gif) top center no-repeat}
#albumTitle{width:60%;margin:0 auto;line-height:1.3em;font-size:22px;font-weight:bold;text-align:left;padding:1em 0 0 1.6em}
#albumTitle a{color:#FFD700;text-decoration:none}

#main{width:100%;margin:0 auto;top:9.5em;position:absolute;left:0}
#FgWrap{width:738px;margin:0 auto;filter:alpha(opacity=0);opacity:0}
.sideblock{width:180px;float:left;margin:2px}
.sideblock p{margin:0;color:#fff;width:180px;overflow:hidden;clear:left}
.sideblock p a{margin-top:-2em}
.box{width:180px;float:left;height:160px;font-size:132px;text-align:center;line-height:156px;background:url(../Skin/photothmnbbg.gif) no-repeat}
.box[class]{font-size:12px;}
img{vertical-align:middle;}

#content_d{margin:0 auto;width:640px;text-align:center;filter:alpha(opacity=0);opacity:0}
.ph_d{margin:0 auto;padding:0;text-align:center;width:780px;height:620px;font-size:510px;line-height:610px;background:url(../Skin/photobg.gif) no-repeat}
.ph_d[class]{font-size:12px;}
.clear{clear:both}
.filename{width:96%;padding:1em .5em;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden;table-layout:fixed}

.Comm{width:70%;margin:0 auto;background:#121314}
form{margin:0;padding:.6em 0}
#comment{font-weight:100;color:#6f4d96;font-size:18px;text-align:left;padding:1em 0 0 1em}
.commentRate{color:#fff}
.rating{text-align:left;padding:1.5em 0 1em 2em}
.comment{width:98%;margin:0 auto;text-align:left;padding:0;border:1px inset #2e323b;background:#28292d;color:#ccc;margin-bottom:4px}
select{border:1px solid #9299a3;width:100px;margin-left:26px;background:#2e3235}
#verifyCode{border:1px solid #9299a3;width:100px;margin:.8em .3em 0 0;background:#2e3235;color:#fff}
.spanName{font-weight:bold;margin:0 1em}
.imgHeader{width:50px;height:50px}
.spanTime{padding:4px 0;color:#5b6f88}
#spanAvgRating{margin-left:20px}
.commenttop{padding:7px;margin:0}
.commentcontent{margin:0 auto;padding:1em;line-height:140%;/*overflow:hidden;table-layout:fixed;word-break:break-all;height:auto;word-warp:break-word;text-overflow:ellipsis;white-space:normal*/}
#MsgBody{padding:0;line-height:180%}
.editTextarea{width:98%;margin:0 auto;text-align:left;padding:0 0 .5em .6em;background:#26272c}
#editMask{width:96%;margin:0 0 .8em 0;height:100px;border:1px solid #9299a3;padding:.3em;background:#2e3235;color:#fff}
.editTextareaTitle{overflow:auto;font-weight:100;color:#6f4d96;font-size:18px;text-align:left}
.userbutton {border:#2e323b 1px solid;padding:2px;background:#6f4d96;margin:2px;color:#fff;height:22px}

.text{width:70%;margin:0 auto;padding:2em 0;text-align:left}
#pages{margin:0 auto;padding:1.6em 0}
#pages a{color:#fff;text-decoration:none}
#pages a:hover{color:#6d4c96;text-decoration:none}
.currentpage{color:#fff;width:20px;height:18px;line-height:14px;text-align:center;padding:0 3px;border:#d4d2d2 solid 1px;cursor:hand;background:#6d4c96}
.desc{line-height:2em}
.footer{padding:1em 0 0 0;width:100%;color:#ccc}
.footer a:hover{color:#fff;text-decoration:none;background:#6d4c96;padding:.2em}
ul{list-style-type:none;padding:0}
li{padding:0}
#footLink{width:610px;margin:0 auto;line-height:220%}
#footLink li{float:left;margin-right:26px}

/*====Public====*/
*{
	margin:0;padding:0;
}
/*==S==*/
#ot_left{
	width:220px;
	height:100%;float:left
}
#ot_right{
	width:640px;
	height:100%;float:left;margin-left:1em;
}
.right-tl{
/*TopLeft*/
	width:auto;
	height:16px;
	padding-left:16px;
	background:transparent url(../Skin/bg_tl.gif) no-repeat left top;
}
.right-tm{
/*Top*/
	width:auto;
	height:16px;
	background:transparent url(../Skin/bg_tm.gif) repeat-x left top;
}
.right-tr{
/*TopRight*/
	width:auto;
	height:16px;
	padding-right:16px;
	background:transparent url(../Skin/bg_tr.gif) no-repeat right top;
}
.right-bl{
/*BottomLeft*/
	width:auto;
	height:16px;
	padding-left:16px;
	background:transparent url(../Skin/bg_bl.gif) no-repeat left bottom;
}
.right-bm{
/*Bottom*/
	width:auto;
	height:16px;
	background:transparent url(../Skin/bg_bm.gif) repeat-x left bottom;
}
.right-br{
/*BottomRight*/
	width:auto;
	height:16px;
	padding-right:16px;
	background:transparent url(../Skin/bg_br.gif) no-repeat right bottom;
}
.right-ml{
/*Left*/
	width:auto;
	height:100%;
	padding-left:16px;
	padding-top:6px;
	background:transparent url(../Skin/bg_ml.gif) repeat-y left top;
	background-color:#6d4c96;
}
.right-mr{
/*Right*/
	width:auto;
	height:100%;
	padding-right:16px;
	background:transparent url(../Skin/bg_mr.gif) repeat-y right top;
}
/*==E==*/
