.picslide{ width:600px; position:relative; margin-bottom: 2px; }
/** 控制大图两边点击按钮宽度  **/
.picslide .hd{ position:relative; margin-top: 0px; background-color:#CCCCCC;}
.picslide .hd ul{ overflow:hidden; zoom:1; text-align: left; }
.picslide .hd ul li{ width: 60px; height: 60px; cursor:pointer; display:inline-block; _zoom:1;*display:inline; border: 1px solid #fff; }
.picslide .hd ul li img { width: 60px; height: 60px; }
.picslide .hd ul li.on{ border: 1px solid #e60013; }
/** 此处的1是点击下面小图时的边框,上面的60是定义小图的宽  **/
.picslide .bd{ position:relative; height:380px; z-index:0;   }
.picslide .bd li{ zoom:1; vertical-align:middle; }
.picslide .bd img{ width:600px; height:375px; display:block;  }
/** 控制大图宽高  **/
.picslide .prev{ position:absolute; left:0; top:200px; margin-top:-25px; display:block; width:26px; height:75px; background:url(../images/z1.png) -110px 75px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.picslide .next{ position:absolute; left:0; top:200px; margin-top:-25px; display:block; width:26px; height:75px; background:url(../images/z2.png) -110px 75px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.picslide .next{ left:auto; right:0; background-position:8px 30px; }
.picslide .prev:hover{ filter:alpha(opacity=50);opacity:.5; background:#000 url(../images/z2.png) -110px 75px no-repeat; }
.picslide .next:hover{ filter:alpha(opacity=50);opacity:.5; background:#000 url(../images/z1.png) 26px 75px no-repeat; }
.picslide .prevStop{ display:none;  }
.picslide .nextStop{ display:none;  }