@charset "utf-8";
@import url("http://labs.pufen.net/global/style/global.css?ver=090122.css");
.main a:hover{text-decoration:none!important;}
.layout .logo{background:url(../images/logo.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://photo.pufen.net/skins/default/images/logo.png",sizingMethod='crop');}
.layout .menu li.photo_nav{margin-top:6px;}
.layout .menu li.photo_nav a{line-height:24px;height:24px;}
.main a{color:#3C4A73;}
.main a:hover{color:#FFFFFF;background-color:#3C4A73;}
.banner{padding:8px;}
.banner img{width:934px;}
.top_list,
.pages,
.thumb_list,
.point,
.introtext{
	width:900px;
	margin:0 auto; 
}
.photo_guide{
	font-family:Simsun;
	margin:8px; 
	padding-bottom:4px;
	border-bottom:1px solid #B6B6B6; 
}
.view_page{text-align:center;margin:10px auto;}
.pages{color:#383B40;font-family:Arial;margin-bottom:20px;}
.pages a{margin:0 2px;padding:0 3px;}
.thumb_list{
	overflow:hidden; 
	margin:20px auto;
}
.thumb_list ul{
	width:960px; 
}
.thumb_list li{
	width:130px;
	margin-right:24px;
	margin-bottom:24px;
	float:left; 
}
.thumb_list li .subfolder_main{
	background: url(../images/album_bg.png) no-repeat;
	width:112px;
	height:129px;
	padding:9px 9px 0;
}
.thumb_list li .photo_list_main a,
.thumb_list li .subfolder_main a{
	font-size:0;
	text-align:center;
	display:block;
	width:112px;
	height:112px;
	float:left;
	overflow:hidden;
}
.thumb_list li .subfolder_main img{
	vertical-align:middle;
}
.thumb_list li.subfolder .subfolder_title,
.thumb_list li.photo_list .title{
	text-align:center;
	line-height:20px;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.thumb_list li.photo_list .title{
	margin-top:8px; 
}

.thumb_list li .photo_list_main{
	background: url(../images/album_bg.png) no-repeat;
	width:112px;
	height:121px;
	padding:9px 9px 0;
}
.viewimage{
	text-align:center;
	width:930px;
	margin:10px;
	overflow:hidden;
}
.exif_info{
	color:#444444;
	margin:10px 90px;
}
.exif_info h4{
	font-size:12px;
	margin-top:18px; 
}
.exif_info li strong{
	font-weight:normal;
}
.exif_info p span{
	line-height:24px;
	margin-right:8px;
	border-bottom:1px solid #6666666;
}
/* THUMB TABLE & MOUSEOVER */
table.thumb {
   border-collapse: collapse;
	text-align:center;
   margin: 10px;
   padding: 0px;
}
table.subfolder, table.subfolder-border {
   border-collapse: collapse;
	text-align:center;
   margin: 10px;
   padding: 0px;
}
.dir_topleft{
	border : 0px;
	background-image: url(../images/dir_topleft.gif);
	background-repeat: no-repeat;
   width:26px;
	height: 26px;
}
.dir_top{
	border : 0px;
	background-image: url(../images/dir_top.gif);
	background-repeat: repeat-x;
	height: 26px;
}
.dir_topright{
	border : 0px;
	background-image: url(../images/dir_topright.gif);
	background-repeat: no-repeat;
   width:26px;
	height: 26px;
}
.dir_left{
	border : 0px;
	background-image: url(../images/dir_left.gif);
	background-repeat: repeat-y;
   width:26px;
}
.dir_right{
	border : 0px;
	background-image: url(../images/dir_right.gif);
	background-repeat: repeat-y;
   width:26px;
}
.dir_bottomleft{
	border : 0px;
	background-image: url(../images/dir_bottomleft.gif);
	background-repeat: no-repeat;
   width:26px;
	height: 26px;
}
.dir_bottom{
	border : 0px;
	background-image: url(../images/dir_bottom.gif);
	background-repeat: repeat-x;
	height: 26px;
}
.dir_bottomright{
	border : 0px;
	background-image: url(../images/dir_bottomright.gif);
	background-repeat: no-repeat;
   width:26px;
	height: 26px;
}
.img_topleft{
	border : 0px;
	background-image: url(../images/img_topleft.gif);
	background-repeat: no-repeat;
   width:13px;
	height: 13px;
}
.img_top{
	border : 0px;
	background-image: url(../images/img_top.gif);
	background-repeat: repeat-x;
	height: 13px;
}
.img_topright{
	border : 0px;
	background-image: url(../images/img_topright.gif);
	background-repeat: no-repeat;
   width:13px;
	height: 13px;
}
.img_left{
	border : 0px;
	background-image: url(../images/img_left.gif);
	background-repeat: repeat-y;
   width:13px;
}
.img_right{
	border : 0px;
	background-image: url(../images/img_right.gif);
	background-repeat: repeat-y;
   width:13px;
}
.img_bottomleft{
	border : 0px;
	background-image: url(../images/img_bottomleft.gif);
	background-repeat: no-repeat;
	width:13px;
	height: 13px;
}
.img_bottom{
	border : 0px;
	background-image: url(../images/img_bottom.gif);
	background-repeat: repeat-x;
	height: 13px;
}
.img_bottomright{
	border : 0px;
	background-image: url(../images/img_bottomright.gif);
	background-repeat: no-repeat;
	width:13px;
	height: 13px;
}
.img_bottomright_comment{
	border : 0px;
	background-image: url(../images/img_comment.gif);
	background-repeat: no-repeat;
	width:13px;
	height: 13px;
}
table td .title{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
table td .subfolder-title{
  font: bold 11.5px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: black;
	color:#FFF;
}

.navigation {
	font: 11.5px Verdana, Arial, Helvetica, sans-serif;
	color:#A2A2A2;
   vertical-align: top;
	text-align: left;
	padding-left: 5px;
	padding-top: 3px;
}

.table-top {
   height:35px;
 	background-repeat : repeat-x;
}

/* HEADLINE BAR */
.table-headline {
	font: bold 11.5px tahoma,Arial, Helvetica, sans-serif;
   letter-spacing: 3px;
	color: #000000;
   vertical-align: top;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}

/* IMAGE DESCRIPTION */
.description {
	font:  11.5px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#A2A2A2;
	text-decoration:none;
	line-height:170%;
	line-height:170%;

}

/* EXIF INFORMATION */
.table_exif{
	font: 11.5px Verdana, Arial, Helvetica, sans-serif;
	color:#757575;
	text-decoration:none;
	border: 0px dashed #B5B5B5;
   text-align:left;
   	line-height:170%;
	line-height:170%;
}

/* STRONG, USED IN EXIF TABLE */


/* COMMENT TABLE */
.table-comments {
	font: 11.5px Verdana, Arial, Helvetica, sans-serif;
	color:#757575;
	text-decoration:none;
	border: 0;
   text-align:left;
}

/* COMMENT DATE, USER ETC. */
.comment-aboveline {
	font: 11.5px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align: bottom;
	color:#A2A2A2;
	text-decoration:none;
	height:30px;
	 
}

/* THE COMMENT */
.comment-belowline {
	font: 11.5px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#A2A2A2;
	text-decoration:none;
	border-bottom:0px dashed  #CCCCCC;
	
}

/* COMMENT INPUT FIELD */
.comment-textfield {
	border : 1px dashed #CCCCCC;
	background-color: #f9f9f9;
}

/* COMMENT SUBMIT BUTTON */
.comment-button {
	border : 1px dashed #cccccc;
	background-color : #f9f9f9;
	font: 11.5px Verdana, Arial, Helvetica, sans-serif;
}

/* POWERED BY MG2 CREDITS (DO NOT REMOVE FROM SCRIPT!) */
.credits {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#A2A2A2;
   text-align: center;
   display: none;
}
.credits2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#A2A2A2;
   text-align: center;
}
