@charset utf-8;
.look-more-pic{ width:593px; height:30px; text-align:center; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0;}
.look-more-pic a{ color:white; line-height:30px;}
.sgk-pro-look-jc{ height:100px; border-top:1px solid #f2f2f2; line-height:100px; text-align:center; background:#fff; font-size:15px;}
.sgk-pro-look-jc.mg{ margin-top:-30px;}
.pro-list{ background:#fff; padding-bottom:5px;}




.jc-cate-right{ width:640px; float:left;}
.cate-first{ margin:0 0 10px 0; border-bottom:1px solid #CCC;}
.jc-cate-right li{ float:left; margin:0 5px 5px 0; line-height:20px; padding:1px;}
.jc-cate-right li a{ border:1px solid #CCCCCC; color:#484848; display:block; float:left; padding:0 10px; text-align:center; white-space:nowrap;}
.jc-cate-right li.selected a{ border:2px solid #ff6699; margin:-1px; background:url(http://imgs.ishougongke.com/Public/images/common/select_dot.png) no-repeat right bottom;}
.jc-cate-right li a:hover{ border:2px solid #ff6699; margin:-1px;}

.jc-upload-area ul{ float:left;}
.jc-upload-area ul li{ width:153px; height:116px; background:#f5f3ee; padding:14px; margin:0 20px 0 0; position:relative;}
.jc-upload-area p{ float:left;}
.layer-edit{ width:181px; height:144px; background:#000; filter:alpha(opacity=50); background:rgba(0,0,0,0.5); position:absolute; z-index:2; left:0; top:0;}
.layer-edit a{ width:41px; height:41px; float:left; margin:50px 0 0 30px;}
.layer-close{ background:url(http://imgs.ishougongke.com/Public/images/common/icon1.png) no-repeat -50px -57px;}
.layer-close:hover{ background:url(http://imgs.ishougongke.com/Public/images/common/icon1.png) no-repeat -3px -57px;}
.layer-fm{ background-position: 0 -211px;}
.layer-fm:hover{ background-position: 0 -253px;}
.layer-edit a.checked{ background-position: 0 -295px;}
.jc-desc textarea{ height:116px;}

/*******作品首页********/
.zuopin_index_top{ height:104px; border-top:5px solid #ff6699; border-bottom:2px solid #ff6699;}
.zuopin_index_top_l{ width:103px; height:94px; padding:10px 0 0 19px; background:url(http://imgs.ishougongke.com/Public/images/common/zuopin_1.gif) no-repeat; float:left;}
.zuopin_index_top_l p{ line-height:20px; color:#555;}
.zuopin_index_top_l p span{ font-size:26px; color:#222;}

.zuopin_index_top_r dl{ width:55px; float:left; margin:17px 33px 0; padding-bottom:30px; position:relative;}
.zuopin_index_top_r dl dt{ width:55px; height:36px;}
.zuopin_index_top_r dl dt a{ width:36px; height:36px; margin:0 auto; display:block; background:url(http://imgs.ishougongke.com/Public/images/common/zp_icon.png) no-repeat;}
.zuopin_index_top_r dl dt a.jjzp{ background-position:0 0;}
.zuopin_index_top_r dl dt a.jjzp.on{ background-position:0 -36px;}
.zuopin_index_top_r dl dt a.sgsp{ background-position:-36px 0;}
.zuopin_index_top_r dl dt a.sgsp.on{ background-position:-36px -36px;}
.zuopin_index_top_r dl dt a.sgxb{ background-position:-72px 0;}
.zuopin_index_top_r dl dt a.sgxb.on{ background-position:-72px -36px;}
.zuopin_index_top_r dl dt a.fzps{ background-position:-108px 0;}
.zuopin_index_top_r dl dt a.fzps.on{ background-position:-108px -36px;}
.zuopin_index_top_r dl dt a.smkj{ background-position:-144px 0;}
.zuopin_index_top_r dl dt a.smkj.on{ background-position:-144px -36px;}
.zuopin_index_top_r dl dt a.wjzb{ background-position:-180px 0;}
.zuopin_index_top_r dl dt a.wjzb.on{ background-position:-180px -36px;}
.zuopin_index_top_r dl dt a.wowj{ background-position:-216px 0;}
.zuopin_index_top_r dl dt a.wowj.on{ background-position:-216px -36px;}
.zuopin_index_top_r dl dd{ width:55px; height:15px; text-align:center; margin:7px 0 0 0;}
.zuopin_index_top_r dl dd h2{ font-size: 12px;font-family: "Microsoft Yahei",微软雅黑;font-weight:normal;}
.zuopin_index_top_r dl span{ background:url(http://imgs.ishougongke.com/Public/images/common/zuopin_3.png) no-repeat; cursor:pointer; display:block; position:absolute; z-index:2;}
.zuopin_index_top_r dl span.arrow{ width:16px; height:16px; background-position:0 0; left:19px; bottom:-9px;}
.zuopin_index_top_r dl span.arrow_on{ width:30px; height:30px; background-position:-16px 0; left:12px; bottom:-17px;}
.zuopin_index_top_r dl span.arrow_now{ width:30px; height:30px; background-position:-46px 0; left:12px; bottom:-17px;}
.zuopin_index_top_r dl .cate_second{ width:120px; padding:16px 0 0 0; position:absolute; left:-33px; top:89px; background:#fff; border-radius:5px; box-shadow:3px 2px 5px #ccc; display:none;}
.zuopin_index_top_r dl .cate_second li{ height:32px; line-height:32px; text-align:center;}
.zuopin_index_top_r dl .cate_second .li_second:hover{ background:#f4f4f4;}
.zuopin_index_top_r dl .cate_second li a{ color:#222;}
.zuopin_index_top_r dl .cate_second li h2{font-size: 12px;font-family: "Microsoft Yahei",微软雅黑;font-weight:normal;}

.zuopin_index_top_r dl .cate_third{ width:315px; height:240px; background:#fff; position:absolute; top:0; left:120px; border-radius:5px; box-shadow:3px 2px 5px #ccc; display:none;
 border-left:2px solid #ccc;}
.zuopin_index_top_r dl .cate_third li{ float:left;}
.zuopin_index_top_r dl .cate_third li a{ height:26px; display:block; line-height:26px; padding:0 10px; border:1px solid #fff; margin:10px 0 10px 10px; border-radius:5px;}
.zuopin_index_top_r dl .cate_third li a:hover{ border-color:#ff6699;}

.zuopin_index_body{ width:980px; background:#fff; border-radius:0 0 10px 10px; padding-bottom:50px;}
.zuopin_index_body_tit{ width:940px; padding:20px 20px 18px;}
.zuopin_index_body_tit .opus_tit{ float:left; border-left:5px solid #ff6699; font-size:16px; padding:0 25px 0 6px; color:#222;}
.zuopin_index_body_tit .opus_tit h1{ font-size:16px; display:inline;}
.zuopin_index_body_tit h2{ float:left; line-height:20px; font-size:14px; color:#999;}
.zuopin_index_body_tit ul{ float:right;}
.zuopin_index_body_tit ul li{ float:left; padding:0 10px; border-right:1px solid #DCDCDC;}
.zuopin_index_body_tit ul li a{ color:#ff6699; font-size:14px; line-height:20px;}
.zuopin_index_body_tit ul li a.now{ color:#222;}
.zuopin_index_body_tit ul li a:hover{ background:#ff6699; color:#fff;}

.zuopin_index_body_list ul li{ display:inline-block; float:left; margin:20px 0 24px 20px;}
.zuopin_index_body_list ul li.big .zuopin_area{ width:459px;}
.zuopin_index_body_list ul li.middle .zuopin_area{ width:299px;}
.zuopin_index_body_list ul li.small .zuopin_area{ width:218px;}
.zuopin_tit{ color:#555; line-height:33px;}
.zuopin_tit:hover{ color:#ff6699;}
.zuopin_writer,.zuopin_writer *{ float:right;}
.zuopin_writer dd.daren{ background:url(http://imgs.ishougongke.com/Public/images/common/v.png) no-repeat left center; padding:0 0 0 25px;}
.zuopin_writer dt{ width:32px; height:32px;}
.zuopin_writer dd a{ line-height:32px; padding-right:12px; color:#555;}
.zuopin_area h3{ font-weight:normal;}
.zuopin_area{ position:relative;}
.competition_logo{ position:absolute; left:10px; top:-4px;}

.zpNewNav{ background:#fff; height:242px; width:960px; padding-left:20px; border-top:2px solid #ff6699; margin-bottom:37px;}
.zpNewNav dl{ width:117px; float:left; margin-top:33px;}
.zpNewNav dl dt{ width:45px; height:45px; margin:0 auto; border:2px solid #fff; border-radius:24px;}
.zpNewNav dl dt img{ border-radius:22px;}
.zpNewNav dl dd{ text-align:center; margin-top:15px;}
.zpNewNav dl dd a{ color:#222; font-size:14px;}
.zpNewNav dl:hover dt{ border-color:#ff6699;}
.zpNewNav dl:hover dd a{ color:#ff6699;}


.jilu_type_tab{ height:41px; background:url(../images/shougongke/line_bg.gif) repeat-x bottom; overflow:hidden; padding-left:36px; width:944px;}
.jilu_type_tab li{ float:left;}
.jilu_type_tab li.active{ border:1px solid #999; height:40px; background:#fff;}
.jilu_type_tab li a{ display:block; line-height:41px; padding:0 42px; font-size:14px; color:#555;}