@charset "utf-8";
/*  ==================== LightBox ====================  */
      #lightbox{
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

      #lightbox a img{ border: none; }

      #outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

      #imageContainer{
        padding: 10px;
        }

      #loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
      #hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
      #imageContainer>#hoverNav{ left: 0;}
      #hoverNav a{ outline: none;}

      #prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
      #prevLink { left: 0; float: left;}
      #nextLink { right: 0; float: right;}
      #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
      #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


      #imageDataContainer{
        font: 14px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.5em;
        }
	  
      #imageData{
        padding:0 10px;
        }
      #imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
      #imageData #caption{ font-weight: bold; }
      #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }     
      #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  } 

      #overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        }


      .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        }

      * html>body .clearfix {
        display: inline-block; 
        width: 100%;
        }

      * html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        } 
/*用户评论*/
   .ie6{padding-left:25px; _padding-left:15px; height:1%;}/*购买此商品的人还购买的商品*/
   .comments li{
	padding:3px 8px;
	width:97%;
	_height:1%;
	text-align:left;
	/*position:relative;*/
	margin-bottom:8px;
	background-image: url(../images/lineBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
   }
   .comments li img{
	right:0px;
	top:3px;
}
   .comments li p{margin:3px auto; text-align:left;}
   .commentsList{border:1px solid #ccc; background:#f7f7f7; padding:10px;}
   .commentsList .inputBorder{border:1px solid #ccc; background:#fff;}
	 .captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;}     
.AreaR li {
	padding-bottom: 5px;
	margin-bottom: 10px;
	clear: both;
}
.bottomborder {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 40px;
	color: #808285;
	clear: both;
	height: 40px;
}
.bottomborder span {
	padding-right: 10px;
	padding-left: 30px;
	display: block;
	float: right;
}
.briefDiv {
	line-height: 20px;
	padding-bottom: 10px;
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	font-size: 13px;
}
.bottomborder span.icon930 {
	background-image: url(../images/sysicon.gif);
	background-repeat: no-repeat;
	background-position: 5px -930px;
}
.bottomborder span.icon980 {
	background-position: 5px -982px;
}
.AreaR li.album {
	float: left;
	width: 150px;
	padding: 5px;

	#padding: 5px;
	_padding: 4px;
	clear: none;
}
ul.itemList li.album{
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px dashed #006699;
}
.AreaR li.album span{
	width: 100%;
	line-height: 150%;
	clear: both;
	text-align: left;
	display: block;
	margin-left: 5px;
}
.AreaR li a.album {
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: block;
	border: 1px solid #CCCCCC;
}
.AreaR li.album p {
	width: 150px;
	line-height: 20px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 50px;
	overflow: hidden;
}
.AreaR li.album p.sloc {
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#pages
{
	clear: both;
	line-height: 25px;
	color: #666666;
	width: 100%;
	text-align: right;
}
.imgVdiv
{
	clear: both;
	width: 640px;
	overflow: hidden;
}
table.contactTB{
	color:#000000
}
table.contactTB th{
	color:#000000;
	font-size: 14px;
	text-align: left;
	width: 50px;
}
.postDiv {
	padding-top: 5px;
	padding-bottom: 10px;
}
.timeDiv {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/*  ==================== userLogin ====================  */
.userLogin{
	position: absolute;
	width: 400px;
	background-color: #a0a0a0;
	padding: 10px;
	z-index: 999;	
}
.userLogin .tbBG {
	background-color: #333333;
}
.userLogin .tbBG td{
	color:#FFFFFF;
	line-height:30px;
}
.userLogin .tbBG td span{
	font-size:13px;
}
.userLogin .tbBG SPAN A.float_close {
	FLOAT: right;
	OVERFLOW: hidden;
	WIDTH: 20px;
	HEIGHT: 20px;
	background-image: url(../images/newclose.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.userLogin .tbBG SPAN A.float_close:hover {	BACKGROUND-POSITION: 0px -20px}
/*#bodyMask{
	background-color: #CCCCCC;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.45);
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
}*/