@charset "utf-8";
/* 焦点图 */
#f_div {
	width:215px;
	height:160px;
	overflow:hidden;
	border:#53637C 1px solid;
}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_div img {
	width:215px;
	height:160px;
}
#f_div .bg {
	width:auto;
}
#f_imgDiv {
	width:100%;
	height:160px;
	filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);
	overflow:hidden;
}/* 定义图片区域宽高以及切换滤镜 */
#f_infoDiv {
	width:100%;
	top:-15px;
	position:relative;
}/* 按钮区域外框，通过relative放置于图片上方底部 */
#f_line {
	width:100%;
	height:1px;
	background:#fff;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=50, finishY=80, style=1, opacity=0, finishOpacity=100);
}
#f_buttonDiv {
	width:80px;
	top:0;
	right:0;
	position:absolute;
	z-index:2;
}/* 按钮区域，定位于infoDiv右侧，注意此div的层级为2，置于半透明层上方 */
/* 按钮定义 */
#f_buttonDiv .bg {
	float:left;
	width:18px;
	height:15px;
	border-left:#fff 1px solid;
	text-align:center;
}
#f_buttonDiv .bg a:link, #f_buttonDiv a:visited, #f_buttonDiv a:active {
	width:18px;
	height:15px;
	line-height:18px;
	float:left;
	color:#000;
	overflow:hidden;
	text-decoration:none;
}/* 初始按钮效果 */
#f_buttonDiv .bg a.on:link, #f_buttonDiv a.on:visited, #f_buttonDiv a.on:active, #f_buttonDiv a.on:hover {
	background:#f60;
	height:14px;
	line-height:16px;
	color:#fff;
	border-top:#fff 1px solid;
}/* 当前切换按钮&鼠标经过效果 */
#f_textbg {
	width:115px;
	height:15px;
	top:0px;
	right:0;
	background:#fff;
	position:absolute;
	z-index:1;
	filter:Alpha(Opacity=50);
}/* 按钮下方半透明层背景 */
#f_text {
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	color:#fff;
}/* 标题区域 */