.gallery{padding:15px;} 
.gallery .bd li img{ width:650px; height:500px;  } 
.gallery .hd{ position:relative; padding:0 15px; margin-top:10px; zoom:1; } 
.gallery .hd .tempWrap{ margin-left:5px;  } 
.gallery .hd ul{ overflow:hidden; zoom:1; } 
.gallery .hd li{ width:100px; padding-top:4px; text-align:center; cursor:pointer;   } 
.gallery .hd li img{ width:86px; height:60px; border:1px solid #ddd; padding:2px;   } 
.gallery .hd li.on{} 
.gallery .hd li.on img{ border:1px solid #f60; background:#fff;   } 
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center;  width:15px; height:66px; line-height:66px;  border:1px solid #ddd; cursor:pointer; position:absolute;  left:0px; top:4px; } 
.gallery .hd .sNext{ left:auto; right:0px; } 
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60;  } 





.jiaocai{padding:15px;} 
.jiaocai .bd li img{ width:450px; height:600px; display:block; margin:0 auto;} 
.jiaocai .hd{ position:relative; padding:0 15px; margin-top:10px; zoom:1; } 
.jiaocai .hd .tempWrap{ margin-left:5px;  } 
.jiaocai .hd ul{ overflow:hidden; zoom:1; } 
.jiaocai .hd li{ width:100px; padding-top:4px; text-align:center; cursor:pointer;   } 
.jiaocai .hd li img{ width:45px; height:60px; border:1px solid #ddd; padding:2px;   } 
.jiaocai .hd li.on{} 
.jiaocai.hd li.on img{ border:1px solid #f60; background:#fff;   } 
.jiaocai .hd .sNext,.jiaocai .hd .sPrev{ text-align:center;  width:15px; height:66px; line-height:66px;  border:1px solid #ddd; cursor:pointer; position:absolute;  left:0px; top:4px; } 
.jiaocai .hd .sNext{ left:auto; right:0px; } 
.jiaocai .hd .sNext:hover,.jiaocai .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60;  }