@charset "utf-8";
/* CSS Document */
.tophead {margin:5px 0 0 0;width:960px;height:42px;position:relative;}
.huarunlogo {width:91px;height:34px;position:absolute;left:543px;top:0;z-index:10;}
.huarunlogo h1 {width:91px;height:34px;font-size:0;}
.toplink {width:395px;height:42px;padding:0 288px 0 277px;background:url(../images/toplink_bg.gif) no-repeat left top;position:absolute;left:0;top:0;z-index:9;}
.toplinklist {width:352px;height:42px;padding:0 0 0 43px;background:url(../images/toplink_bg1.png) no-repeat;}
.toplinklist ul {width:223px;height:33px;padding:9px 0 0 0;}
.toplinklist li {width:102px;height:25px;}
.toplinklist li a {float:left;width:98px;height:25px;}
.toplinklist li a.link1 {background:url(../images/toplink1.gif) no-repeat left bottom;}
.toplinklist li a.link1:hover {background:url(../images/toplink1.gif) no-repeat left top;}
.toplinklist li a.link2 {background:url(../images/toplink2.gif) no-repeat left bottom;}
.toplinklist li a.link2:hover {background:url(../images/toplink2.gif) no-repeat left top;}
.toplinklist li a span {display:none;}

.content {width:852px;padding:17px 0 0 108px;background:url(../images/content_bg.jpg) no-repeat left bottom;}
.listtitle {width:765px;height:122px;}
.listtitle h1 {display:block;width:765px;height:122px;font-size:12px;font-weight:normal;}
.listtitle h1 span {margin:15px 0 0 0;display:block;float:left;}
.listtitle h1 cite {display:block;float:right;}

.list {width:765px;height:392px;position:relative;}
.Container1 {width:759px;height:392px;position:absolute;top:0px;left:0px;}
#Scroller-1 {width:759px;height:392px;position:absolute;overflow:hidden;z-index:9}
#Scrollbar-Container1 {position:absolute;top:0px;left:759px;}
.Scroller-Container1 {position:absolute;}
.Scrollbar-Up {position:absolute;top:0px;left:0px;cursor:pointer;}
.Scrollbar-Down {position:absolute;top:187px;left:0px;cursor:pointer;}
.Scrollbar-Track {width:6px;height:392px;background:url(../images/track_bg.gif) repeat-y left;position:absolute;top:0px;}
.Scrollbar-Handle {width:6px;height:19px;position:absolute;}

.topwinner {width:759px;}
.topwinner ul {width:759px;}
.topwinner li {width:759px;height:175px;}
.topwinner li h1 {width:759px;height:33px;font-size:0;}
.winnerwork {width:759px;}
.winnerworkpic {width:150px;height:134px;padding:8px 8px 0;background:url(../images/winnerworkpic_bg.gif) no-repeat left top;}
.winnerworkpic img {width:150px;height:113px;}
.winnerworktext {width:450px;height:140px;padding:0px 0 0 15px;}
.winnerworktext p {width:430px;line-height:18px;color:#fff;}


.worklist {width:759px;}
.worklist h2 {width:759px;height:60px;font-size:14px;line-height:26px;color:#fff;}
.worklist li {width:253px;height:190px;background:url(../images/worklist_li_bg1.gif) no-repeat left top;}
.worklist li .photowrap {margin:auto;width:150px;height:113px;padding:8px;line-height:113px;;text-align:center;font-size:0;position:relative;overflow:hidden;}
.worklist li .photowrap p {width:150px;position:static;+position:absolute;top:50%;}
.worklist li .photowrap img {
	float:none; 
	position:static;
	+position:relative;
	top:-50%;left:-50%;
	vertical-align:middle ;	
	max-width:150px; 
	max-height:113px; 
	min-width:20px; 
	min-height:20px;
	zoom:expression( function(elm)
	{
	     function SetImageSize2(img)
	     {
	    	 if(img.width>0 && img.height>0) 
			 { 
			 	var max_width = 150; 
			 	var max_height = 113; 
			 	var min_width = 20; 
			 	var min_height = 20;
			 	
			 	if(img.width/img.height>=max_width/max_height)            
			 	{               
			 		if(img.width>max_width)               
			 		{    
			 			img.height=(img.height*max_width)/img.width;                  
			 			img.width=max_width;                  
			 			           
			 		}     
       
			 	}
			 	else            
			 	{               
			 		if(img.height>max_height)               
			 		{    
			 			img.width=(img.width*max_height)/img.height;        
			 			img.height=max_height; 			          
			 		}         
			 	} 
			 	         
		 		img.style.zoom = '1';   
		 	} 	   
	     }  	
		 elm.onload=function()
		 { 		     
		 tmpPic = document.createElement("img");
	       	 tmpPic.src = elm.src;
	       	 this.width = tmpPic.width;
	       	 this.height = tmpPic.height; 	
	       	 SetImageSize2(this);
		 }		 
		 SetImageSize2(elm);   
	 }
	 (this)); 
}
.worklist li .photowrap p:after {content:".";font-size:1px;visibility:hidden;}
.worklist li a {color:#fff;}
.worklist li a:hover {color:#88cff6;}
.worklist li h1 {margin:5px 0 0 0;width:200px;height:18px;padding:0 0 0 6px;font-size:12px;font-weight:normal;color:#fff;}
.worklist li h2 {width:153px;height:27px;padding:3px 0 0 43px;font-size:0;}
.worklist li h3 {width:200px;height:18px;padding:0 0 0 6px;font-size:12px;font-weight:normal;color:#fff;}
.worklist li h3 span {color:#fffc00;}
.worklist li input {width:100px;height:27px;border:0;background:url(../images/input_bg1.png);cursor:pointer;}