#mainNav ul li.works a{
 background:url(../images/bg_tab_mainNav.gif) -327px -38px no-repeat;
}
#content{
 width:960px;
 overflow:hidden;
 padding:0;
 background:#000;
}
/*--作品展示--*/
#works{
 width:960px;
}
#works .title,#works .content{
 float:left;
 width:960px;
}
#works .title{
 padding:10px 0 0 0;
 background:#FFF;
}
#works .title h2{
 clear:both;
 font-size:14px;
 text-indent:5px;
 width:940px;
 height:30px;
 line-height:30px;
 margin:0 0 0 10px;
 background:url(../images/bg_line_01.gif) 0 100% repeat-x;
}
#works .title p{
 line-height:22px;
 overflow:hidden;
 margin:0 0 0 15px;
 padding:10px 0 5px 0;
}
#works .title p a{
 text-decoration:underline;
}
#works .title .inputstyle1{
 float:left;
 vertical-align:middle;
 width:210px;
 height:18px;
 line-height:19px;
 padding:0 0 0 2px;
 overflow:hidden;
 border:1px solid #D3D3D3; 
}
#works .title .btnstyle1{
 float:left;
 vertical-align:middle;
 color:#FFF;
 cursor:pointer;
 font-size:12px;
 width:60px;
 height:19px;
 line-height:20px;
 overflow:hidden;
 border:none;
 background:#FFF url(../images/bg_btn_03.gif) 0 0 no-repeat; 
}
/*--作品大图--*/
#workShow{
 float:left;
 color:#A1A1A1;
 width:660px;
 margin:0;
}
#workShow .detail{
 float:left;
 clear:both;
 width:660px;
 padding:40px 0 0 0;
}
#workShow .detail ul{
 position:relative;
 z-index:1;
 float:none;
 list-style:none;
 text-align:center;
 color:#A1A1A1;
 width:550px;
 height:630px;
 line-height:19px;
 margin:0 0 0 60px;
}
#workShow .detail ul li{
 float:left;
}
#workShow .detail ul li.pic{
 position:relative;
 display:table;
 width:552px;
 height:570px;
}
#workShow .detail ul li.pic a{
 vertical-align:middle;
 display:table-cell;
 width:550px;
 height:570px;
 overflow:hidden;
}
#workShow .detail ul li.pic a img{
 vertical-align:middle;
 margin:0 auto;
 margin-top:expression((570-this.height)/2);
 border:1px solid #FFF;
}
#workShow .detail ul li.pic .prev,#workShow .detail ul li.pic .next{
 position:absolute;
 display:block;
 text-indent:-9999px;
 width:24px;
 height:22px;
 overflow:hidden;
}
#workShow .detail ul li.pic .prev{
 left:-35px;
 top:280px;
}
#workShow .detail ul li.pic .next{
 left:565px;
 top:280px;
}
#workShow .detail ul li.pic a.prev{
 background:url(../images/icon_prev_01.gif) 0 0 no-repeat;
}
#workShow .detail ul li.pic span.prev{
 background:url(../images/icon_prev_02.gif) 0 0 no-repeat;
}
#workShow .detail ul li.pic a.next{
 background:url(../images/icon_next_01.gif) 0 0 no-repeat;
}
#workShow  .detail ul li.pic span.next{
 background:url(../images/icon_next_02.gif) 0 0 no-repeat;
}
#workShow .detail ul li.picInfo{
 text-align:left;
 width:320px;
 margin:0 0 0 10px;
 padding:10px 0 0 0;
}
#workShow .detail ul li.btnArea{
 text-align:center;
 width:160px;
 padding:20px 0 0 0;
}
#workShow .detail ul li.btnArea a.vote{
 display:block;
 vertical-align:middle;
 text-align:center;
 text-indent:0;
 text-decoration:none;
 letter-spacing:0;
 color:#FFF;
 cursor:pointer;
 font:normal 18px simhei;
 width:108px;
 height:34px;
 line-height:35px;
 overflow:hidden;
 margin:0 auto;
 border:none;
 background:#F60 url(../images/bg_btn_02.gif) 0 0 no-repeat;
}
#workShow .picView{
 clear:both;
 width:540px;
 margin:0 0 0 50px;
 padding:20px 0 0 0;
}
#workShow .picView ul{
 position:relative;
 z-index:1;
 list-style:none;
 width:520px;
 height:70px;
 margin:0 0 0 20px;
}
#workShow .picView ul li{
 float:left;
 display:block;
 text-align:left;
 width:102px;
 height:68px;
 margin:0;
 padding:0;
}
#workShow .picView ul li.prev,#workShow .picView ul li.next{
 float:none;
 position:absolute;
 z-index:2;
 text-indent:-9999px;
 width:6px;
 height:12px;
 overflow:hidden;
 border:none;
}
#workShow .picView ul li.prev{
 left:-12px;
 top:30px;
}
#workShow .picView ul li.next{
 left:512px;
 top:30px;
}
#workShow .picView ul li a{
 display:block;
 text-align:center;
 width:94px;
 height:64px;
 padding:2px;
 border:1px solid #FFF;
 -moz-opacity:0.8; /* mozilla 1-3 */
 opacity:0.8; /* mozilla 3.5 */
 filter:"alpha(opacity=80)"; /* IE 8 */
 filter:alpha(opacity=80); /* IE 4-7 */
}
#workShow .picView ul li a img{
 vertical-align:middle;
 height:64px;
 margin:0 auto;
}
#workShow .picView ul li.selected a{
 padding:1px;
 border:2px solid #F0470E;
 -moz-opacity:1; /* mozilla 1-3 */
 opacity:1; /* mozilla 3.5 */
 filter:"alpha(opacity=100)"; /* IE 8 */
 filter:alpha(opacity=100); /* IE 4-7 */
}
#workShow .picView ul li.prev a{
 display:block;
 width:6px;
 height:12px;
 overflow:hidden;
 padding:0;
 border:none;
 background:url(../images/icon_prev_03.gif) 0 0 no-repeat;
 -moz-opacity:1; /* mozilla 1-3 */
 opacity:1; /* mozilla 3.5 */
 filter:"alpha(opacity=100)"; /* IE 8 */
 filter:alpha(opacity=100); /* IE 4-7 */
}
#workShow .picView ul li.next a{
 display:block;
 width:6px;
 height:12px;
 overflow:hidden;
 padding:0;
 border:none;
 background:url(../images/icon_next_03.gif) 0 0 no-repeat;
 -moz-opacity:1; /* mozilla 1-3 */
 opacity:1; /* mozilla 3.5 */
 filter:"alpha(opacity=100)"; /* IE 8 */
 filter:alpha(opacity=100); /* IE 4-7 */
}
#workShow .picView ul li a:hover{
 padding:1px;
 border:2px solid #FFF;
 -moz-opacity:1; /* mozilla 1-3 */
 opacity:1; /* mozilla 3.5 */
 filter:"alpha(opacity=100)"; /* IE 8 */
 filter:alpha(opacity=100); /* IE 4-7 */
}
#workShow .picView ul li.prev a:hover,#workShow .picView ul li.next a:hover{
 padding:0;
 border:none;
}
/*--作品详情--*/
#workDetail{
 position:relative;
 z-index:2;
 float:left;
 text-align:left;
 color:#A1A1A1;
 width:300px;
 overflow:hidden;
 padding:30px 0 10px 0;
 background:#000; 
}
#workDetail ul{
 list-style:none;
 width:280px;
 line-height:20px;
 margin:0 0 0 10px;
 padding:0;
}
#workDetail ul li{
 float:left;
 width:280px;
 margin:0;
}
#workDetail ul li.workName{
 font-weight:bold;
}
#workDetail ul li em{
 font-style:normal;
 font-weight:bold;
}
#workDetail ul li.breif,#workDetail ul li.voteRecord{
 margin:25px 0 0 0;
 height:120px;
}
#workDetail ul li.breif{
 height:520px;
 overflow:auto;
}
#workDetail ul li a{
 color:#A1A1A1;
}
/*--评论--*/
#comment,#publish{
 float:left;
 height:260px;
 background:#FFF;
}
#comment{
 width:540px;
}
#publish{
 width:420px;
}
#comment .title,#publish .title{
 float:left;
 width:100%;
 margin:15px 0 10px 0;
}
#comment .title h2{
 margin:0 0 0 25px;
}
#comment .content{
 float:none;
 clear:both;
 width:480px;
 height:200px;
 margin:0 0 0 36px;
 padding:0;
 overflow:auto;
 border:1px solid #D5D5D5;
}
#comment .content ul{
 list-style:none;
 width:460px;
 line-height:24px;
 overflow:hidden;
 margin:0;
 padding:0;
}
#comment .content ul li{
 float:none;
 width:450px;
 margin:0 0 0 10px;
 padding:10px 0;
 overflow:hidden;
 border-bottom:1px solid #D5D5D5;
}
#comment .content ul li a{
 color:#F00;
}
#publish .content{
 float:left;
 width:390px;
 margin:0;
 padding:0 0 20px 0;
}
#publish .content p{
 text-align:right;
 width:390px;
 line-height:22px;
}
#publish .content p textarea{
 float:right;
 display:block;
 clear:both;
 width:380px;
 height:120px;
 margin:0 0 10px 0;
 border:1px solid #D3D3D3;
}
#publish .content .btnstyle1{
 vertical-align:middle;
 color:#FFF;
 cursor:pointer;
 font-size:12px;
 width:60px;
 height:19px;
 line-height:18px;
 overflow:hidden;
 margin:0;
 padding:0;
 border:none;
 background:#FFF url(../images/bg_btn_03.gif) 0 0 no-repeat; 
}
#publish .content p a{
 vertical-align:middle;
 text-decoration:underline;
 padding:0 5px 0 0;
}
/*---隐藏元素---*/
#workShow h2,#workDetail h2{
 display:none;
 visibility:hidden;
}