/* CSS Document 中职网图库 */
@import url('global.css');
@import url('columnsnav.css');
@import url('gg.css');
body{ background:#e5e5e5 /*url(images/bg.gif)*/; font:12px/1.7 Arial, Helvetica, sans-serif }
form {padding:0; margin:0;}
/*a{color:#999;}
a:hover{color:#fff;}
a:visited{color:#999;}*/
 
 
p{}
 
.pageup a{color:#333;}
.pageup a:visited , .pageup a:hover{color:#333;}
.levela-banner , .picupmenu , .levela , .level-skin , .list-tbody{
	width:986px;
	overflow: hidden;
	clear:both;
	margin:0 auto;
	background:#333;
	color:#ccc;
	font:small/1.5 Arial, Helvetica, sans-serif;
}
.levela-banner{ margin-top:10px; }
.picupmenu a, .levela a, .levelb a, .level-skin a , .list-tbody a{color:#e9e9e9; text-decoration:none;}
.picupmenu a:hover, .levela a:hover, .level-skin a:hover , .list-tbody a:hover{color:#fff; text-decoration:underline;}
.picupmenu{ background: url(images/menu-bg.gif) repeat-x top; height:40px; overflow: hidden; margin-top:10px;}
.picupmenu  .img-logo{float:left;}
.picupmenu .picupmenu-ul{float:right; margin:0px 0px 0 0; background:url(images/menu-ri.gif) no-repeat right bottom;}
.picupmenu  li{float:left; margin:0 10px 0 0;  text-align:center; line-height:40px; color:#666; }
.picupmenu  li a{color:#ccc; font-size:14px;}
.picupmenu .active a{background:url(images/menu_active.gif) no-repeat bottom; color:#fff; width:100px; height:40px; display:block; font-weight:bold;}
.levela{background:#000 url(images/levela-ri-bg.gif) no-repeat right 1px ; padding:15px 13px 0 13px; width:960px; border-top:1px solid #3E3E3E; clear:both;}
.flash-img{ float:left; width:513px; background:url(images/swf-bg.gif) no-repeat 0px 6px;  }

.flash-img .pig-img{ 
	/*height:285px;*/
	height:273px;
	width:513px;
	overflow: hidden;
	POSITION: relative; 
 
	}
.flash-img .pig-img .img{ height:273px;width:513px;overflow: hidden;}
.flash-img H3{color:#fff; margin:0;}
.flash-img .pig-img .img img{
width:513px;
 FILTER:alpha(opacity=100 finishopacity=0 style=1 StartX=70) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#ffffff,gradientType=1); 
}
.flash-img .pig-img .img .word{position: absolute;  background-color:#000;
 left:0px; bottom:-2px; color:#ccc; width:513px; padding:8px; 
  }
  .flash-img .pig-img .img .word p{margin:0;}
.flash-img .small-img{ margin:10px 0 0 0; clear:both; overflow: hidden;  height:55px;  padding:14px 0 0 0; }
.flash-img .small-img li{
	float:left;
	display:inline;
	cursor:pointer;
}
.flash-img .small-img .btnfirst{width:10px; height:48px; margin:2px 16px 0 0;  }
.flash-img .small-img .btnNext{ margin:2px 0 0 16px;  }
.flash-img .small-img .img{margin:0 8px; height:54px;  width:94px; txt-align:center;  overflow:hidden; }
.flash-img .small-img .img a img{ width:92px;   border:1px solid #000;  FILTER:alpha(opacity=80 finishopacity=0 style=0) }
.flash-img .small-img .img a:hover img{border:1px solid #ccc;  FILTER:alpha(opacity=100 finishopacity=0 style=0)}
.flash-img .small-img .img a.current img{border:1px solid #ccc; FILTER:alpha(opacity=100 finishopacity=0 style=0) }
.flash-img .small-img .last_img{border:none;}

/*图片故事*/
.story-img{float:right; width:360px;   }
.story-img .big-img{float:left; margin:0 28px 0 42px; *margin:0 28px 0 42px; _margin:0 28px 0 20px;width:165px;}
.story-img .small-img{}
.story-img .small-img li{
	margin:0 0 15px 0;
	width:110px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	height:66px;
	overflow: hidden;
}
.story-img .small-img a img{ moz-opacity:0.8; width:110px; FILTER:alpha(opacity=80)}
.story-img .small-img a:hover img{moz-opacity:1; FILTER:alpha(opacity=100)}
.story-img h1{font:20px 黑体;  text-align:center;  margin:40px 0 0 0;  clear:both; overflow:hidden; height:20px;}
.story-img h1 a{color:#FFBB55;}
.story-img p{margin:10px 0 0 0; overflow:hidden; height:38px;}


.level-skin{
	height:580px;
	background:#000 url(images/levelb-bg2.gif) no-repeat 49px top;
}
.level-skin .tit{float:left; width:50px; background:url(images/levelbtit-bg.gif) repeat-y left; height:100%;}
.level-skin .content{float:right; width:936px;  padding:50px 0 0 0;}
.level-skin .content .pig-img , .level-skin .content .small-img-a , .level-skin .content .small-img-b {float:left;display:inline; text-align:center;}
.level-skin .content .small-img-a .img, .level-skin .content .small-img-b .img{width:140px; height:196px; overflow:hidden;}
.level-skin .content .small-img-a .img img, .level-skin .content .small-img-b .img img{width:140px;}
.level-skin .content .small-img-a .txt, .level-skin .content .small-img-b .txt{ height:20px;  padding-top:5px; overflow:hidden;}
.level-skin .content .pig-img{margin:26px 20px 0 0 ; width:234px; text-align:left; 
background:#B30040 url(images/levelb-pigbg.gif) repeat-x top; padding:4px;}
.level-skin .content .pig-img .txt{padding:10px;  height:72px; overflow:hidden; }
.level-skin .content .pig-img a{color:#fff;}
.level-skin .content .pig-img .img{height:390px; overflow:hidden;}
.level-skin .content .pig-img .img a img{width:234px; }
.level-skin .content .small-img-a{margin:20px 10px 0 10px; width:140px; padding:3px; background:#666;}
.level-skin .content .small-img-b{margin:30px 10px 0 10px; width:140px;  padding:3px; background:#333;}
.level-skin .content .small-img-b a img{
 FILTER:alpha(opacity=90 finishopacity=0 style=0)
}
.level-skin .content .small-img-b a:hover img{
FILTER:alpha(opacity=100 finishopacity=0 style=0)
}
.levelb{background:#000 url(images/levelb-bg.gif) no-repeat 49px top; clear:both;}
.levelc{background:#222222 url(images/levelc-bg.gif) no-repeat 49px top; clear:both}
.levele {background:#222222 url(images/levelc-bg.gif) no-repeat 49px top; clear:both}
.levelg{background:#222222 url(images/levelc-bg.gif) no-repeat 49px top; clear:both}
 
.levelc .tit , .levele .tit , .levelg .tit{float:left; width:50px; background:url(images/levelctit-bg.gif) repeat-y left; height:100%;}
.levelc .content .pig-img , .levele .content .pig-img  , .levelg .content .pig-img{float:right; background:#017992 url(images/levelc-pigbg.gif) repeat-x top;}

/*列表页*/
.list-tbody{background:#fff url(images/list-topbg.gif) repeat-x 0 -5px;}
.list-tbody .content{ background:url(images/list-downbg.gif) repeat-x 0 bottom; padding:10px 0 20px 10px; border:1px solid #000; border-top:none;}
.list-tbody .small-img , .list-tbody .hov-img , .list-tbody .out-img{
	float:left;
	display:inline;
	position: relative;
	border:1px solid #ccc;
	padding:1px;
	background:#fff;
	width:283px;
	overflow: hidden;
	margin:16px 16px ;
	height:160px;
}
.list-tbody .hov-img{
border:1px solid #999;
}
.list-tbody .small-img .img, .list-tbody .hov-img .img, .list-tbody .out-img .img{height:160px; overflow: hidden; background:#000;}
.list-tbody .small-img .img a img ,  .hov-img .img a img , .out-img .img a img{width:283px; FILTER:alpha(opacity=100 finishopacity=0 style=0);}
.list-tbody .small-img a:hover img , .list-tbody .hov-img a:hover img , .list-tbody .out-img a:hover img{FILTER:alpha(opacity=95 finishopacity=0 style=0); }
.list-tbody .small-img .txt , .list-tbody .out-img .txt{
	display:none;
}
.list-tbody .hov-img .txt{
	background:#000 url(images/zoom.gif) no-repeat 260px 3px;
	position: absolute;
	left:1px; 
	bottom:1px;
	width:250px;
	padding:1px 25px 1px 8px;
	FILTER:alpha(opacity=80 finishopacity=0 style=0);
	display:block;
}
.list-tbody  .pages{background:#333; color:#fff;text-align:Center; font-size:14px;  }
.list-tbody  .pages a{
 
}

.list-tbody  .pages a:hover{ }




/*内容页*/
#main-tbody{background:#222 url(images/bg3.gif) ;}
.main-tbody{
	color:#999;
	width:986px;
	margin:10px auto;
	overflow: hidden;
}
.main-tbody a{color:#999;}
 .main-tbody a:hover{color:#ccc;}
.mainmenu a , .mainmenu a:visited ,  , .mainmenu a:hover{color:#333;} 
.mainmenu  .mainupnav{font-size:14px;}
/*.mainmenu{background:#000  url(images/tbg2.gif) no-repeat left top;  height:30px; line-height:30px; clear:both; overflow:hidden  }
.mainmenu a{ padding:0 4px;   }
.mainmenu a.active{  font-weight:bold; text-decoration:none;}
 
.mainmenu .logo{float:left; margin:3px 20px 0 0;  padding:0 0 0 0;}
.mainmenu .mainupnav{ float:left; color:#999; }
.mainmenu .mainupnav a{color:#999; }
.mainmenu .page-color{float:right;  color:#999; }
.mainmenu .page-color span{ cursor:pointer;  background-color:#fff; padding:0 4px; font-size:8px; margin:0 4px 0 0; border:1px solid #444;}

.mainmenu .page-color .black{background-color:black; }
.mainmenu .page-color .purple{background-color:#FFCAFF;}
.mainmenu .page-color .green{background-color:#D2FFD2;}
.mainmenu .page-color .blue{background-color:#D7F2FF;}
.mainmenu .page-color .grey{background-color:#ccc;}
.mainmenu .page-color .white{background-color:white;}
.mainmenu .page-color .active{ border:2px solid red;}*/
 


.main-content{width:660px; overflow: hidden; float:left;  }
.main-content .picshow{ background:#000  url(images/tbg2.gif) no-repeat left top; }
.main-content .pagemap{height:24px; line-height:24px; padding:0 10px;}
.main-content .picshow h1{font:20px/1.5 黑体; text-align:center; margin:0;  padding:20px 0 0 10px; color:#ccc;}
.main-content .postinfo{text-align:center; display:block;}
.main-content .picshow .txt{ padding:20px; }
.main-content .picshow .img{text-align:center; width:620px; padding:10px; margin:0 auto 0 auto; overflow:hidden; clear:both; }
.main-content .picshow .img img{ }
 .main-content .picshow .ts{text-align:center; color:#FFBB55; font-size:12px;}
.main-content .small-pic{ background:#000;   padding-top:20px; clear:both;   overflow: hidden; }
.main-content .small-pic li{float:left; display:inline;}
.main-content .small-pic .page-last{margin:2px 10px 0 20px;}
.main-content .small-pic .page-farst{margin:2px 20px 0 10px;}
 
.main-content .small-pic .img{
	float:left;
	display:inline;
	height:80px;
	margin:8px 4px 8px 16px;
	overflow: hidden;
}
.main-content .small-pic .img a img{width:140px; border:1px solid #333;}
.main-content .small-pic .img a:hover img{   border:1px solid #666;}
.main-content .page2{clear:both;  height:20px; padding:10px;    }
.main-content .page2 .le{float:left;}
.main-content .page2 .ri{float:right; }

/*评论区*/
.comments-tit{background:#000  url(images/tbg2.gif) no-repeat left top;   margin-top:10px;  height:24px; line-height:24px; border-bottom:1px solid #888; clear:both; padding:0 10px 0 10px; }
.comments-tit .le{float:left; color:#ddd;  font-weight:bold; font-size:14px;  }
.comments-tit .ri{float:right; font-weight:normal; font-size:12px; }
.comments-tit  a{ 
	text-decoration: underline;
	 
}
.no-comment{text-align:center;}
.comments{ background:#000;    }
.comments .user-ip{background:#111; margin-bottom:10px; height:24px; line-height:24px; padding:0px 10px;  }
 
.comments .ip{float:left;  color:#ddd; font-weight:bold; }
.comments .ip a{color:#ddd; }
.comments .date{float:right; font-weight:normal; font-size:11px;}

.comments .user-pic{float:left; display:inline; margin:0 0 0 8px;  overflow: hidden;   width:50px;   }
.comments .user-pic a img{width:46px; border:2px solid #000;}
.comments .user-pic a:hover img{width:46px; border:2px solid #555;}
.main-content .comment{ border-bottom:1px solid #333;   font-size:12px; clear:both;}
.main-content .comment .txt{
	float:right;
	text-align:left;
	display:inline;
	width:580px;
	margin-right:10px;
	word-break:break-all; 
	overflow: hidden; 
}

.main-content .comment .quote-box{border:1px solid #333; padding:10px;margin-bottom:10px;  }
.main-content .comment .quote-t{height:20px; clear:both; border-bottom:1px dotted #333;margin-bottom:8px; }

 
.main-content .comment .quote-txt{clear:both;}
.main-content .comment .operation{font-size:12px; text-align:right; height:20px;   clear:both;    padding:0 10px; margin-top:10px;  }
 
 
 
 
 
 
 
 
 /*发表评论*/
 .comment-post{padding:10px 31px 20px 31px; clear:both; border-top:2px solid #777;     font-size:12px; }
  .comment-post a{ }
.cptit{ display:none; font-weight:bold;     }
.comment-post .area-post{/*width:390px;float:right;*/
	margin-top:10px;
	width:602px;
	overflow: hidden; 
}

.comment-post .txtinput{background-color:#333;  border:#333; color:#999;}
.comment-post .area-post-nav{ padding:2px 8px 4px 8px; line-height:2.2;}
.comment-post textarea{height:85px;width:592px; background:#333 url(images/commentformbg.gif) no-repeat center 10px fixed; border:none;  color:#999;}
.comment-post .icq-box{height:1px;width:1px; position: relative;  }
.comment-post .icq-box .post-ico-box{position: absolute; left:0px; bottom:-15px;  width:400px;  background:#fff; border:1px solid #000; padding:0; overflow:hidden; }
.comment-post .icq-box .post-ico-box .icq-main{overflow:hidden; overflow-y:auto;  width:400px; height:150px; }
.comment-post .area-post-nav .add-ico{border:1px solid #333; margin-left:10px; padding:3px 18px 2px 28px; font-size:12px;  background:url(images/icq/001.gif) no-repeat 8px center; text-decoration:underline; cursor:pointer;}
.comment-post .exit-ico{  background:#333;   height:23px;}
.comment-post .exit-ico .tit{float:left; font-weight:bold; padding:0 10px;}
.comment-post .exit-ico .exit-btn{float:right; margin-right:10px; text-decoration:underline; cursor:pointer;}
.comment-post .exit-ico .exit-btn b{color:#FFCC00}
.comment-post .icq-box img{margin:10px;   }
.comment-post .com-sgin a{ text-decoration:underline;}
.comment-post .loginbtn{ }
.comment-post .loginbtn a{ }
.comment-post .com-login{margin-top:6px;}
.comment-post .com-login .txtinput{width:40px;}
.comment-post .com-login .inputbtn{ background:url(images/btna.gif)  repeat-x left top; cursor:pointer; font-weight:bold;  color:#eee; border:none; padding:4px 10px;}


.guopi{padding:0 10px; height:24px; clear:both; background:#111; color:#777;}

.main-content .hotpic{background:#000; padding-bottom:8px; margin:10px 0;}
.main-content .hotpic .tit{background:#000  url(images/tbg2.gif) no-repeat left top;   margin-top:10px;  height:24px; line-height:24px; border-bottom:1px solid #888; clear:both; padding:0 10px 0 10px; }
.main-content .hotpic .tit .le{float:left; color:#ddd;  font-weight:bold; font-size:14px;  }
.main-content .hotpic .tit .ri{float:right; font-weight:normal; font-size:12px; }
 
.main-content .hotpic .small-picb {float:left; display:inlne; width:197px;   overflow: hidden; margin:8px ; text-align:center;}
.main-content .hotpic .small-picb .img{ height:111px; overflow: hidden; }
.main-content .hotpic .small-picb .img a img{width:197px;}
.main-content .hotpic .small-picb .txt{background:#111; height:26px; line-height:26px; font-size:12px; padding:0 10px; overflow: hidden; }

/*右栏*/

/*模型 */
.main-sidebar{width:315px; overflow: hidden; float:right; }
.main-sidebar .boxb { margin:10px 0;  background:#000; }
.main-sidebar .boxb h3{color:#ddd; background:#000  url(images/tbg2.gif) no-repeat left top;  font-size:14px; margin:0; line-height:24px; height:24px; clear:both; padding:0 10px; border-bottom:1px solid #888; }
.main-sidebar .boxb .user-info{width:90px; overflow: hidden; float:left; margin:10px 10px  10px  5px  ; border-right:1px solid #555; text-align:center; padding-right:4px;}
.main-sidebar .boxb .user-info .img{   }
.main-sidebar .boxb .user-info .img img{width:80px;    }
.main-sidebar .boxb .user-info .txt{text-align:center; font-weight:bold;    }
.main-sidebar .boxb .news-info{margin:10px 0 0 0; float:left;   width:180px;  line-height:24px;}
.main-sidebar .boxb .news-info .tit{font-weight:bold; background:#111; text-align:center; margin:0 0 4px 0;}
.main-sidebar .txt-list{padding:10px; line-height:24px; font-size:12px;}

/*精彩评论*/
.main-sidebar .comments{  width:315px;}
.main-sidebar .comment{ font-size:12px; }
.main-sidebar .comment a{}
.main-sidebar .comment .user-ip{font-weight:bold; margin-bottom:10px;   padding:0 6px ;    background:#111; }
.main-sidebar .comment .date{display:none;}
 
.main-sidebar .comment .txt{
	float:right;
	text-align:left;
	display:inline;
	width:240px;
	margin-right:10px;
	word-break:break-all; 
	clear:both; overflow: hidden;  
}
 
.main-sidebar .comment .operation{text-align:right;  clear:both;  border-bottom:1px solid #333;    padding:6px;  height:20px;}


/*图片*/
.main-sidebar .boxb .small-picb {float:left; display:inlne; margin:10px 6px;  width:140px; overflow: hidden ;text-align:center;}
.main-sidebar .boxb .small-picb .img{width:140px; height:81px; overflow: hidden;}
.main-sidebar .boxb .small-picb img{width:140px; }
.main-sidebar .boxb .small-picb .txt{background:#111; height:26px; line-height:26px; font-size:12px; padding:0 10px; overflow: hidden;}

/*翻页*/
.pages {  clear:both; height:24px;font-size:14px; text-align:center;  padding-left:80px;}
.pages a , .pages a:visited{color:#ccc;  }
.pages a:hover{ }
.pages a:active, .pages a:focus { outline:none;}
.pages .le , .pages .ri{background:url(images/btna.gif)  repeat-x left top; font-size:12px;  color:#ccc; padding:5px 16px;  text-decoration:none;} 




/*article-comment*/
.article-comment{}
.article-comment .picshow{padding-bottom:10px; background:#000;}
.article-comment .comments-tit{margin:0;  display:none;}
.article-comment .pages{padding:10px;}
.article-comment .comment-post{border:none; }