/*public*/
.fl{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
/*main*/
.product-wrap{ width:350px; float:left; margin-top:65px; z-index:600;  height:290px;}
.title{height:10px;}
.title-list{ position: relative; top:20px; left:10px;}
.title-list li{ background: url(../images/cf.gif) left top no-repeat; width:112px; line-height:20px; margin-top:10px; font-size:14px; text-align: center; float: left; display: inline; color:#fff;}
.title-list li.on{ color: #fff; font-weight: bold; background: url(../images/cf1.gif) left top no-repeat;}
.product{ height: 234px; position: relative; overflow: hidden; display: none;}
.product ul{ position: absolute; left:10px; top:0px;}
.product-wrap .show{ display: block;}
.product-wrap .show img{ float:left; width:338px; height:232px;}