.focus-img{width:308px;height:251px; background-color:#FFF; border:1px solid #cccccc}
#f_div{width:306px; height:225px;overflow:hidden; margin:auto}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_imgDiv{width:100%; height:225px;overflow:hidden;filter:progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)
;}/* 定义图片区域宽高以及切换滤镜 */
#f_infoDiv{width:100%; top:-18px; position:relative;}/* 按钮区域外框，通过relative放置于图片上方底部 */
#f_buttonDiv{width:105px; top:0; right:0; position:absolute; z-index:2;}/* 按钮区域，定位于infoDiv右侧，注意此div的层级为2，置于半透明层上方 */
#f_buttonDiv .bg{ text-align:center;}
#f_buttonDiv .bg a{width:21px;height:18px; float:left; color:#000; overflow:hidden;text-decoration:none;border-left:1px solid #FFF; line-height:18px}/* 按钮定义 */
#f_buttonDiv .bg a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{}/* 初始按钮效果 */
#f_buttonDiv .bg a:hover{background:#b50000; color:#fff;}/* 初始按钮鼠标经过效果 */
#f_buttonDiv .bg a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#b50000; color:#fff;}/* 当前切换按钮鼠标经过效果 */
#f_textbg {width:105px; height:18px; top:0px; right:0; position:absolute; z-index:1;background:#fff; filter:Alpha(Opacity=60);}/* 按钮下方半透明层背景 */
#f_text{width:306px;height:24px;background:#eeeeee;font-size:12px;line-height:24px;padding-top:3px;text-align:center;overflow:hidden;border:0px solid #d4d4d4;margin:0px auto}/* 标题区域 */
#f_text a { display:block;}
#f_text a:link,#f_text a:visited,#f_text a:active{color:#000;text-decoration: none;font-size:12px;}
#f_text a:hover{color:#555;text-decoration: none;font-size:12px;}