﻿@charset "utf-8";
/* CSS Document */
.picnews{
	width:346px;
	height:190px;
	float:left;
	position:relative;
	display:inline;
	background-color: #000000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#f_buttonDiv2{width:48px;}
#f_buttonDiv2 .bg{
	background-color: #000000;
}
/* 焦点图370x215 */
#f_div{width:370px;height:300px;overflow:hidden;}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_imgDiv{width:100%; height:191px; 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{
	color:#000;
	background-color: #000000;
}
/* 初始按钮鼠标经过、当前切换按钮鼠标经过效果 */
#f_text{font-size:12px;text-align:center;overflow:hidden;}/* 标题文字区域 */

/* 焦点图255x255 */
#f_div2{width:338px;height:190px;overflow:hidden;}/* 定义图片外框宽高，注意标题不在此区域内 */
#f_imgDiv2{
	width:100%;
	height:191px;
	overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}/* 定义图片区域宽高以及切换滤镜 */
#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:0px;
	z-index:5;
	width:195px;
	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:328px;height:22px;top:-37px;right:0px;position:absolute;z-index:10; background:#000;-moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;/*按钮下方半透明层背景 */}