
header, section, footer, hgroup{
	display:block;
}
html,body{ height:100%;}
#wrapper{min-height:100%; height:auto !important; height:100%; position:relative;padding-bottom:260px;}
#footer{clear:both; width:100%; position:relative; margin-top:-260px}
#btnok{display:block; width:100px; height:30px; line-height:30px; text-align:center; margin:0 auto 30px; color:#9f9f9f; font-size:16px;}
#backlinks{
	float:right;
	padding:0 20px;
	line-height:22px;
	font-weight:bold;
	font-size:13px;
}
#backlinks a{
	text-align:right;
	display:block;
}


/* clearfix */
.clearfix {
	clear:both;
}

/* wrapper css */
#wrapper{
	width:100%;
}
#wrapper hgroup{
	text-align:center;
}
#wrapper h2{
	margin:5px 0;
	color:#FF6D99;
	text-shadow:1px 1px 2px #A50031;
	font-size:33px;
	font-family:tahoma,arial,"����";
}
#wrapper h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:1px 1px 0 #fff;
	color:#888;
	margin:5px 0;
}

#container{
	position:relative;
	width:1104px;
	margin:0 auto 25px;	
}
.grid{
	width:248px;
	min-height:100px;
	background:#fff;
	margin:12px;
	font-size:12px;
	float:left; border:1px solid #e8e8e8;
	-webkit-box-shadow:0px 1px 2px #ccc;-moz-box-shadow:0px 1px 2px #ccc;box-shadow:0px 1px 2px #ccc; position:absolute;
/*	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;*/
}
.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
	background: url(../img/loding.gif) no-repeat center;
}
.wooscr{ padding:6px 0;}
.wooscr a:hover{ text-decoration:none;}
.wotit{ padding:0 10px;}
.wooscr strong {display:block;font-size:14px; color:#626262; line-height:24px; margin-bottom:6px;}
.wooscr .pos-re strong{ width:180px; overflow:hidden;}
.wooscr .pos-re img{ position:absolute; right:0; top:2px;}
.wooscr p{ color:#9f9f9f;}
.wooscr .d{ margin-top:20px; overflow:hidden; width:230px;padding:0 10px 4px;}
.wooscr .d .d1,.wooscr .d .d2{ background:url(../img/pub.png) no-repeat; float:left; display:block; padding-left:24px; line-height:26px; height:26px; color:#8c8c8c;}
.wooscr .d .d1{ background-position:-4px -82px;}
.wooscr .d .d2{ background-position:-4px -105px;}
.wooscr .d em{ border-left: solid 1px #d6d6d6; width:1px; height:12px; display:block; float:left; margin:7px 10px;}
.wooscr .d .bl{ float:right; color:#e4393c; font-weight:bold; font-size:18px; font-family:arial,sans-serif,"����";}
.wopj .hide{ display:none}
.wopj .last{ border-top:solid 1px #dcdcdc; padding:10px; width:230px; overflow:hidden ;}
.wopj .last img,.pj_enter img{ border-radius:44px; float:left; margin-right:10px;}
.wopj .last  p {float: left;overflow: hidden;width: 175px;word-break: break-all;word-wrap: break-word; line-height:18px; margin-top:4px;}
.wopj .last  p a{ color:#626262}
.wopj .last  p span{ color:#a7a7a7;}

.imgholder{ position:relative;}
.imgholder a .over{ background:#cee3f2;opacity:0.1;FILTER: alpha(opacity=10); width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.collbtn{ position:absolute;top:8px; padding:0 8px; font-size:0; width:234px; height:26px; display:none;}
.collfixed{position:fixed;top:90px;_position:absolute; _top:expression(eval(document.documentElement.scrollTop + 90)+"px"); z-index:99;}
.collbtn a{ display:inline-block; font-size:12px; color:#fff; height:26px; line-height:26px; padding:0 6px; background:#000;  opacity:0.6;FILTER: alpha(opacity=60); border-radius:2px; cursor:pointer;}
.collbtn a:hover{ text-decoration:none;opacity:0.7;FILTER: alpha(opacity=70); }
.collbtn a em{ font-weight:normal; padding-left:6px;}
.collbtn a.x{ padding:0 10px; float:left;}
.collbtn a i{ display:inline-block; background:url(../img/pub.png) no-repeat; height:26px;}
.collbtn .x i{ background-position:left top; width:28px; vertical-align:middle;}
.collbtn .y i{ background-position:-2px -30px; width:20px;}
.collbtn .z i{ background-position:-2px -56px; width:20px;}
.collbtn .y{ margin-right:3px;}
.collbtn .y,.collbtn .z{ float:right;}
#container .grhover .collbtn,#container .grhover .over{ display:block;}
#container .grhover .over{_display:none;}
