<style type="text/css">
.Haodian_diy{ width:100%; overflow:hidden; height:163px}        
.Haodian_diy ul{ width:1000px; padding:8px 0 0 9px}
.Haodian_diy dl{ float:left; width:170px; margin-right:17px}
.Haodian_diy dl dt{ width:170px; height:120px; position:relative}
.Haodian_diy dl dt span{ width:170px; height:20px; line-height:20px; position:absolute; top:100px; left:0px; text-align:center; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80);  background:#000; }
.Haodian_diy dl dt span b{color:#fff; font-weight:400;position:relative; }
.Haodian_diy dl dt span b em{ color:#FF3300}
.Haodian_diy dl dd{ width:170px; height:25px; line-height:25px; text-align:center; overflow:hidden}
.Haodian_diy dl dd a{ font-family:"微软雅黑","宋体"}
.Haodian_diy dl dd a:hover{ color:#C00}
</style>
<div class="Haodian_diy cl">
<ul>
[loop]
<dl>
         <dt><span><b>商家折扣：<em>{zhekou}</em> 折</b></span>
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a></dt>
         <dd><a href="{url}"{target}>{title} </a></dd>
</dl>
[/loop]
</ul>
</div>