#goods{ width:1400px; height:188px; margin:0 auto; overflow:hidden; position:relative;}
#goods li{ float:left; display:inline; margin-right:27px; width:330px; background:#ccc; position:relative; }
#goods li .img_wrap{ display:block;min-height:186px; font-size:0; overflow:hidden; border: 0px solid #CCCCCC;}
#goods li .cover{ width:330px; height:38px; position:absolute; bottom:-50px; text-align:center; font:13px/38px "微软雅黑"; color:#fff; z-index:1000;}
#goods li .caption{ position: absolute; background:#232323; opacity: .80; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#goods .arrows{ display:block; height:49px; position:absolute; top:50%; margin-top:-22px; width:49px; z-index:200; cursor:pointer; background:url(../indprocssjs/arrows.png) no-repeat;}
#goods .prev{ background-position:0 0; left:-50px; border-radius:0 3px 3px 0;}
#goods .next{ background-position:-49px 0; right:-50px; border-radius:3px 0 0 3px;}
#goods .prev,#goods .next{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
#goods .prev:hover,#goods .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#goods_more{ width:100px; margin:30px auto; display:block; color:#999; border:2px solid #ccc; text-align:center; text-transform:uppercase; font:14px/30px "Microsoft YaHei";}
a:hover#goods_more{ color:#bf1e1e;}