/* StyleSheet For 51ZSJC.com  PhotoPage
	Created By Boyce
	Email:youngsoul@126.com
	Date:2008.6.13
	last update:2010.9.1
--------------------------------------*/

@import url("footer.css");

html {
zoom: expression(function(ele){
	ele.style.zoom = "1";
	document.execCommand("BackgroundImageCache", false, true);
}(this));
}

*{margin:0; padding:0;}
a img{border:0;}
ul,li{list-style:none;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
body,table,tr,th,td{font-size:12px;}

/*=Static Classes=*/
.clear{clear:both; float:none;}
.cOrange{color:#ff4b1b;}

#container{ padding-bottom:20px; width:950px; margin:0 auto;}

/*=header*/
#nav{margin:10px 0; height:45px;border-top:1px solid #d6d3ca; border-bottom:1px solid #d6d3ca;}
#nav ul{clear:left;}
#nav ul li
{
	float:left;
	padding-top:5px; 
	width:55px; 
	height:17px; 
	text-align:center;
	background:url(../images/block.gif) no-repeat right center;}
#nav ul li.four{width:75px;}
#nav ul li.four img{margin-left:2px;}
#nav ul li.end{background:none;}
#nav ul li a{color:#000;}
#nav ul li a.cRed{color:#930708;}
#nav ul li a:hover{color:#ed4400;}


.nameplate{height:39px; margin-top:10px;}
.nameplate img{float:left;}
.nameplate p{float:right; padding:15px 8px 0 0;}
.nameplate p input{width:80px; height:14px;}
.nameplate p a{color:#000;}
.nameplate p a:hover{color:#f30;}
#search{float:right; padding:0 20px; margin-top:-5px; height:27px; background:url(../images/glasses.gif) no-repeat left 4px;}
#search input.txt{width:200px;}
#search input.btn{width:64px; height:22px; text-align:center; background:url(../images/pht_s.gif) no-repeat; border:none; cursor:pointer;}

.subNav
{
	margin-bottom:10px; 
	padding:12px 0 0 20px; 
	height:25px; 
	background:url(../images/nav.gif) no-repeat;
}
.subNav span{float:left;}
.subNav a{font-size:13px; color:#ffd5b2; margin:0 5px;}


/*END header*/

/*=content*/
#content{margin-bottom:10px;}
.col2_wA{float:left; width:660px;}
.col2_nB{float:right; width:278px; height:260px; border:1px solid #d4d3d0;}

.photoArea{margin:10px 0; padding:1px; width:948px; height:316px; background:url(../images/pht_photoAreaBg.gif) no-repeat;}


.tabMenu{width:39px; height:318px; float:left; margin-right:10px;}
.tabMenu li{height:158px; position:relative; left:-2px;}
.tabMenu li h2
{
	padding:45px 0 0 10px;;
	width:29px;
	height:113px;
	font:normal 18px "ºÚÌå";
	border-right:1px solid #e1c781;
}
.tabMenu li h2 a{color:#494532;}
.tabMenu li h2 a:hover{text-decoration:none; color:#f60;}
.tabMenu li.active h2 a{color:#833c01;}
.tabMenu li h2.first{ height:112px; border-bottom:1px solid #e1c781;}

.tabMenu li.active h2
{
	background:url(../images/pht_tabMenu.gif) repeat-y; 
	border-right-width:0;
	border-left:1px solid #e1c781;
}
.photoArea #pArea11, .photoArea #pArea12, .photoArea #pArea21, .photoArea #pArea22{margin-top:15px;}
#qyal{margin-top:10px;}

.photoWrapper{width:160px; height:135px; background:url(../images/pht_photoBg.gif) no-repeat left top;}
.photoWrapper td{text-align:center; padding:5px; height:13px;}
.photoWrapper td.img{height:102px; vertical-align:middle;}
.photoWrapper td a{color:#000;}
.photoWrapper td a:hover{color:#f30;}

#sjs .tabMenu li h2{padding-top:35px; height:123px;}
#sjs .tabMenu li h2{height:122px;}
#qiye{height:158px; background:url(../images/pht_photoBg_n.gif) no-repeat;}
#qiye .tabMenu{height:158px;}

/*=col2_nB*/
ul.tabMenu2{margin-bottom:15px; height:28px; border-bottom:1px solid #fd933c; cursor:pointer;}
ul.tabMenu2 li
{
	position:relative;
	top:8px;
	margin-left:6px; 
	float:left; 
	display:inline;
	width:82px;
	height:19px;
	text-align:center;
	border:1px solid #d76d16;
	border-bottom-color:#fd933c;

	background:url(../images/pht_tabMenu2Bg.gif) repeat-x;
}
ul.tabMenu2 li.active{border-color:#fd933c; border-bottom-color:#fff; background:none;}
ul.tabMenu2 li h3{padding-top:4px; font-size:12px;}
ul.tabMenu2 li h3 a{color:#fff;}
ul.tabMenu2 li.active h3 a{color:#f30; font-size:13px;}
ul.tabMenu2 li h3 a:hover{text-decoration:none;}

#tagCon1, #tagCon2, #tagCon3{padding:0 10px;}
#tagCon1 a, #tagCon2 a, #tagCon3 a{margin:0 3px; color:#000; }
#tagCon1 a:hover, #tagCon2 a:hover, #tagCon3 a:hover{color:#f30;}

#tagCon1 li{clear:both; border-bottom:1px solid #eee; height:35px; margin-bottom:5px;}
#tagCon1 li p{float:left; display:inline; width:45px; height:35px; font-weight:bold;}

#tagCon2, #tagCon3{height:211px; *height:218px;}
#tagCon2 li,#tagCon3 li{margin-bottom:20px;}
#tagCon2 li a, #tagCon3 li a{margin:0 12px; padding-right:10px; background:url(../images/pht_tagArrow.gif) no-repeat right center;}

#photoViewer{padding:7px 15px 5px 15px; width:630px; height:250px; background:#cdcdcd url(../images/photoViewerBG.gif) no-repeat;}
#photoViewer table{background-color:#fff;}
#photoViewer td{vertical-align:top; padding:0;}
#photoViewer a img{display:block; -moz-opacity:1; filter:alpha(opacity=100);}
#photoViewer a img.active{-moz-opacity:1; filter:alpha(opacity=100);}
td#sPhotos{text-align:right; padding-left:0;}
#sPhotos table td a img.active{-moz-opacity:0.5; filter:alpha(opacity=50);}
#sPhotos table td{padding:0 0 3px 3px;}
#sPhotos table tr.bottom td{padding-bottom:0;}


/*======For more Page=========*/
.subTitle{margin:10px 0; padding:7px 10px 0 10px; height:16px; background:url(../images/pht_subTitle.gif) repeat-x; color:#000;}
.subTitle span{color:#f30;}

.crumb a{color:#000;}
#content #gallery .head a{font-weight:bold; color:#333;}
#gallery{width:930px; overflow:hidden; padding-left:20px; *margin-left:30px;}
#gallery td{padding:10px 0px 20px 0px; vertical-align:top;}
#gallery td a{color:#f30;}
#gallery .photo{padding:0 30px; width:33.3%;}
#gallery .photo td{padding:3px 0;}


.pageFooter{margin:10px 0; padding-top:4px; height:14px; text-align:center;}
.pageFooter *{margin:0 3px;}
#content .pageFooter, #content .pageFooter a{color:#000;}
#content .pageFooter .active{color:#f30; font-weight:bold;}

/*= for page photo_tag*/
#tagPage #content{background-color:#f6f6f6;}
.tag{margin:10px 100px; border-bottom:1px solid #eee;}
.tag *{margin:0 5px;}
.tag span{padding:2px; display:block; width:49px; height:17px; margin-bottom:10px; background:url(../images/tagBG.gif) no-repeat; color:#fff; font-weight:bold;}
.tag a{color:#000;}
.tag a:hover{color:#f30;}
#content .end{padding-bottom:30px; margin-bottom:50px;}




/*=for tagMore page*/
#tagMore .subTitle{margin-bottom:0;}
#tagMore .tag{margin:0; padding:10px; border:none; background-color:#f6f6f6;}
#tagMore .tag li{line-height:1.8em;}
#tagMore .tag a{margin:0 7px; padding:3px;}
#tagMore .tag a:hover{background-color:#fff;}


/*=for photoDetail page*/

#photoInfo .col2_nB{height:auto; background-color:#fcfaf6; _height:1000px; min-height:1000px;}
#photoInfo #content{padding:0; margin-top:20px;}


.col2_wA .head, .col2_wA .subTitle,.col2_wA .imgInfo, .col2_wA .cmtArea{margin-left:50px;}
.col2_wA div.imgViewer{margin-left:0px;}

.imgViewer{padding-left:25px;}
.imgViewer .prev, .imgViewer .next{width:25px; vertical-align:middle; text-align:center;}
.imgViewer .cmt, .imgViewer .fav{padding-left:15px; color:#000; background:url(../images/a_cmt.gif) no-repeat;}
.imgViewer .fav{background:url(../images/a_fav.gif) no-repeat;}

.col2_wA .head h2{font-size:18px; margin-bottom:7px;}
.col2_wA .subTitle{width:530px;}
.col2_wA .imgInfo{padding:10px; width:528px; border:1px solid #d4d3d0; border-top-width:0;}
.col2_wA table td{padding:4px 0; line-height:1.5em;}
.col2_wA h4{padding:3px 0 0 23px; height:15px; background:url(../images/pht_reply.gif) no-repeat; font-size:14px;}
.col2_nB .relatePhoto{margin-left:8px; *margin:0; text-align:center; border-bottom:1px dashed #cdcdcd;}
.relatePhoto a img{border:2px solid #eee;}
.relatePhoto a:hover img{cursor:hand; border-color:#fabc00;}

.pFooter *{margin:0 3px;}
.pFooter a{color:#000;}
.pFooter a.active{color:#f30; font-weight:bold;}

.relateTag{padding-left:20px;}
.relateTag li{padding-left:20px; margin:10px 0; background:url(../images/pht_tag.gif) no-repeat left center;}
.relateTag li a{color:#f60;}

.cmtCon{margin:10px 0; border:1px solid #bfbcba; width:550px;}
.cmtCon div{padding:5px 10px 0 10px; height:15px; background-color:#ffe9af;}
.cmtCon div .cmt_name{float:left;}
.cmtCon div .cmt_date{float:right;}
.cmtCon p{ padding:10px; text-indent:2em; line-height:1.6em; background-color:#fcfaf6;}

#reply{padding:10px; width:530px; background-color:#fcfaf6; border:1px solid #d4d3d0;}
#reply textarea{width:455px; height:60px;}
#reply textarea, #reply input{border:1px solid #bfbcba;}
#reply .btn
{ 
	width:64px; 
	height:22px; 
	text-align:center; 
	font-size:12px;
	background:url(../images/photo_019.gif) no-repeat; 
	border:none;
}
#reply a{color:#f30;}

/*=partners*/
#partners{margin:10px 0; line-height:1.8em; border:1px solid #fda100;}
#partners a{color:#333;text-decoration:none;}
#partners a:hover{color:#dd0005;}

.title_1col
{
	padding-left:10px; 
	height:28px; 
	background:#fefbe6;
}
.title_1col h3
{ 
	float:left;
	width:95px; 
	margin-top:1px;
	height:27px;
	font-size:12px;
	text-align:center;
	line-height:24px;
	background:url(../images/title_1colBg.gif) no-repeat;
}
.title_1col a.more{float:right; margin-top:5px; margin-right:10px;}
.content{margin:10px;}



#AD_1{margin-top:5px; margin-bottom:-4px; +margin-bottom:-7px; padding-left:50px;}
#AD_2{margin-top:5px; margin-bottom:-8px;}