#product
{
    width:910px;  
    margin:10px 0 0;      
}

/*   pro-left   */

#pro-left
{
    width:207px;    
    _width:207px;
    max-width:207px;
    float:left;     
    clear:both;
      
}

/*   ---------------------------------------------topten-----------------------   */

#topten
{
    width:203px;
    height:260px;
    background:url(../images/paihang-bg.jpg) no-repeat;
    margin:10px auto;    
}

#topten-content
{
    width:185px;
    margin:10px auto 0 auto;
    padding:45px 0 0 2px;    
}

.topten-list
{
    height:20px;
}

.topten-img
{
    margin:0 10px;
}

/*   gouwu   */

#pro-gouwu
{
    width:204px;
    height:148px;
    margin:0 auto;
    background:url(../images/gouwu-bg.gif) no-repeat;        
}

#gouwu-center
{
    padding:48px 0 0 0;
    text-align:center;
}

/*   remen   */
#remen
{
    width:200px;
    margin:30px auto;
    border:2px solid #D6F58B;
}

#reman-img
{
    width:200px;
    font-weight:bold;
    color:#fff;         
    background:url(../images/zf-bg.jpg) repeat-x;
    border-bottom:2px solid #D6F58B;         
}

.remen-dot
{
    padding:0 4px;
    display:inline;
}

.pro-user
{
    margin:10px 0 0;
    text-align:center;
}

/*   pro-right   */

#pro-right
{
    width:693px;
    float:left;
}
#pro-list
{
    width:693px;    
}
#pro-list-left
{
    float:left;
}
#pro-list-right
{   
    float:left;
}

#pro
{
    width:693px;   
}

#pro-readme
{
    clear:both;
    width:693px;
    text-align:right;
    margin:5px 0;
}

/*   图片放大效果   */
#pro-img  
{                         /* 定义连接位置为相对，处于最底层 */
  position:relative;
  z-index:0;
  width:240px;
  height:240px;
  float:left;   
}
#pro-img:hover {                     /* 定义hover背景颜色为透明，处于最上层 */
  background-color:transparent;
  z-index:50;
}
#pro-img span  {                      /* 放大图片 */
  position:absolute;  
  border:1px solid #CFCFCF;
  visibility:hidden;  
  text-decoration:none;
}
#pro-img span img 
{   
  border-width:0;  
}
#pro-img:hover span {
 visibility:visible;
 top:0;  
 left:0;   /* 设置放大图片为水平位置 */
}

#pro-side
{
    width:443px;
    float:left;
    padding:0 0 0 10px;
}

#pro-name
{
    width:441px;
    margin:0px auto 50px auto;
    height:30px;
    padding:10px 0 0 0;
    background-color:#EEEEEE;    
    text-align:center;   
}

.pro-details
{   
    width:221px;
    float:left;
    height:25px;       
}

.pro-dot
{
    padding:11px;    
    display:inline;
    height:25px;
}

.pro-dot1
{
    padding:11px;    
    display:inline;
    height:25px;
     text-align:right;   
}

#pro-imgbt
{
    width:440px;
    text-align:left;           
}

/*   pro-other   */

#pro-other
{  
    width:165px;
	float:left;
	height: 215px;
	text-align:center;                  
}

#pro-link
{
    background-color:#EFEFEF;
    margin:5px 10px 20px;
    height:35px;
    padding:10px 0 0 0;
}

.pro-font
{
    padding:10px 0 0 20px;
    letter-spacing: 3px;
    font-weight: bold;
    color:#000;
}

#pro-border
{
    margin:0px;
    padding:0px;
    width:693px; 
}