/* css 重置 */*{margin:0; padding:0; list-style:none; }body{ background:#fff; font:normal 12px/22px 宋体; }img{ border:0; }a{ text-decoration:none; color:#333; }a:hover{ color:#1974A1; }
/* 本例子css */.foucebox {position:relative;width:715px;height:300px;margin:30px auto;overflow:hidden;}.foucebox .bd { position:relative; float:left; width:600px;height:300px;overflow:hidden;}.foucebox .bd img {width:600px;height:300px;}.foucebox .hd {position:relative; width:110px; float:right; padding-right:4px; z-index:1; }.foucebox .hd ul { position:relative; width:110px; overflow:hidden; }.foucebox .hd li { height:50px; padding:5px; overflow:hidden; }.foucebox .hd img {width:110px;height:50px; display:block; }.foucebox .hoverBg { position:absolute; top:0; left:-10px; width:124px; height:64px; z-index:100; background:url(../images/hover.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hover.png);_background:none;}