@charset "utf-8";

#f_div{width:150px;height:140px;overflow:hidden;float:left;}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_imgDiv{
padding-top:1px;width:100%; height:140px; overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);
}/* 定义图片区域宽高以及切换滤镜 */
/*
filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)
*/
#f_imgDiv img{border:1px dashed #666666;}
#f_infoDiv{width:130px;position:relative;left:20px;}/* 按钮区域外框，通过relative放置于图片上方底部 */
#f_buttonDiv{top:-27px;right:10px;position:absolute;z-index:20;}/*按钮区域，定位于infoDiv右侧，注意此div的层级为2，置于半透明层上方 */
#f_buttonDiv .bg{text-align:center;font-size:10px;font-family:Arial;}
#f_buttonDiv .bg a{width:14px;height:14px;line-height:14px;float:left;overflow:hidden;text-decoration:none;margin-left:2px;}/* 按钮定义 */
#f_buttonDiv .bg a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{background:#2D242C;color:#FFF;}/* 初始按钮效果 */
#f_buttonDiv .bg a:hover,#f_buttonDiv .bg a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#FFF;color:#000;}
/* 初始按钮鼠标经过、当前切换按钮鼠标经过效果 */
#f_text{font-size:12px;overflow:hidden;display:none;}/* 标题文字区域 */
#f_text{
	font-weight:bold;
	position:absolute;
	bottom:3px;
	z-index:5;
	width:90px;
	left: 20px;
}/* 标题文字区域 */
#f_text label{clear:both;display:block;}
#f_text label a{color:#FFF; text-decoration:none;}
#f_buttonDiv{width:80px;}
#f_textbg {width:146px;height:22px;top:-30px;left:-20px;right:10px;position:absolute;z-index:10; background:#000;-moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;/*按钮下方半透明层背景 */}