@charset "utf-8";
/* CSS Document */

.picnews{ width:260px; height:240px; float:left;position:relative;/*为标题设置定位*/ margin:5px 0 0 0; display:inline;background:#CCC;}
#f_buttonDiv2{width:48px;}
#f_buttonDiv2 .bg{ background:#FFF;}
/* 焦点图370x215 */
#f_div{width:260px;height:215px;overflow:hidden;}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_imgDiv{width:100%; height:215px; overflow:hidden;filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);}/* 定义图片区域宽高以及切换滤镜 */
#f_infoDiv{width:100%;position:relative;}/* 按钮区域外框，通过relative放置于图片上方底部 */
#f_buttonDiv{top:-18px;right:4px;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;text-align:center;overflow:hidden;}/* 标题文字区域 */

/* 焦点图255x255 */
#f_div2{width:260px;height:240px;overflow:hidden;}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_imgDiv2{ padding:5px;width:100%; height:240px; overflow:hidden;filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);}/* 定义图片区域宽高以及切换滤镜 */
#f_infoDiv2{width:100%;position:relative;}/* 按钮区域外框，通过relative放置于图片上方底部 */
#f_buttonDiv2{top:-33px;right:10px;position:absolute;z-index:20;}/*按钮区域，定位于infoDiv右侧，注意此div的层级为2，置于半透明层上方 */
#f_buttonDiv2 .bg{text-align:center;font-size:10px;font-family:Arial;}
#f_buttonDiv2 .bg a{width:14px;height:14px;line-height:14px;float:left;overflow:hidden;text-decoration:none;margin-left:2px;}/* 按钮定义 */
#f_buttonDiv2 .bg a:link,#f_buttonDiv2 a:visited,#f_buttonDiv2 a:active{background:#2D242C;color:#FFF;}/* 初始按钮效果 */
#f_buttonDiv2 .bg a:hover,#f_buttonDiv2 .bg a.on:link,#f_buttonDiv2 a.on:visited,#f_buttonDiv2 a.on:active,#f_buttonDiv2 a.on:hover{background:#FFF;color:#000;}
/* 初始按钮鼠标经过、当前切换按钮鼠标经过效果 */
#f_text2{font-size:12px;overflow:hidden;}/* 标题文字区域 */
#f_text2{
	font-weight:bold;
	position:absolute;
	bottom:3px;
	z-index:5;
	width:240px;
	left: 10px;
}/* 标题文字区域 */
#f_text2 label{clear:both;display:block;}
#f_text2 label a{color:#FFF; text-decoration:none;}
#f_buttonDiv2{width:80px;}
#f_textbg2 {width:250px;height:22px;top:-37px;right:5px;position:absolute;z-index:10; background:#000;-moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;/*按钮下方半透明层背景 */}