@charset "utf-8";
/*
 *@ 影视工业网 panasonic 绿版
 *@ 基础CSS
 *@ 2013-03-20
 */

body,ul,ol,li,p,dl,dt,dd,header,footer,nav,menu,section,h1,h2,h3,h4,h5,h6,h7 {
	display:block;
	padding:0;
	margin:0;
	line-height:180%;
	font-size:12px;
	font-family:'微软雅黑',Verdana, Geneva, sans-serif;
	color:#333;
	font-weight:normal;
	list-style:none;
}
body {
	background:#f5f5f5;
}
img {
	border:none;
}

/*fix*/
.clearfix:after {
	display:block;
	content:' ';
	clear:both;
	visibility:hidden;
}
.clearfix {
	*zoom:1;
}

/*links*/
a {
	color:#333;
	font-size:12px;
	line-height:180%;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*color font*/
.white,
.white a,
a.white { color:#FFF; }

.blue,
.blue a,
a.blue { color:#4567a6; }

.black,
.black a,
a.black { color:#333; }

.gray ,
.gray a,
a.gray { color:#979797; }

.red,
.red a,
a.red { color:#a92e4b; }

/*通用快捷样式*/
.fl { float:left !important; }
.fr { float:right !important; }

/*按钮*/
.btn_green {
	border:none;
	background:#4567a6;
	height:30px;
	line-height:30px;
	padding:0 18px;
	*padding:0 9px;
	word-spacing:24px;
	color:#FFF;
	border-radius:5px;
	cursor:pointer;
}

/******************框架******************/

/*头部*/
.header {
	background:#f5f5f5;

	position:relative;
}
.header h1.logo {
	width:960px;
	height:auto;
	margin:0 auto;
}
.header .menu {

}
.header .menu .menuBox {
	width:980px;
	margin:0 auto;
	background:#ccc;
	box-shadow:0 2px 10px rgba(0,0,0,0.4);
}
.header .menu ul {
	height:34px;
	line-height:34px;
	padding:3px 5px;
	padding-right:34px;
	float:left;
}
.header .menu ul li {
	_width:100px;
	_text-align:center;
	float:left;
}
.header .menu ul li a {
	display:block;
	height:34px;
	line-height:34px;
	background-color:#4567a6;
	padding:0 16px;
}
.header .menu ul li.mulMenu a {
	padding-right:30px;
	background-image:url(../img/icon_menuDown.png);
	_background-image:url(../img/icon_menuDown.gif);
	background-position:right center;
	background-repeat:no-repeat;
	position:relative;
}
.header .menu ul li a:hover {
	text-decoration:none;
	background-color:#8eb87e;
}
.header .menu ul li a.selected {
	background-color:#8eb87e;
}
/*内容*/
.mainFrame {

}
.main {
	width:940px;
	margin:0 auto;
	padding:30px 20px;
	background:#FFF;
}

/*左边内容*/
.main .left {
	width:581px;
	float:left;
}

/*大图*/
.left .bigPhoto {
	margin-bottom:10px;
}
.left .bigPhoto a {
	display:block;
	float:right;
	position:relative;
	margin-bottom:7px;
	opacity:0.8;
}
.left .bigPhoto a:hover {
	opacity:1;
}
.left .bigPhoto a img {
	width:288px;
	height:144px;
	float:left;
}
.left .bigPhoto a span {
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(11,85,132,0.54);
	*background:#5e7891;
}
.left .bigPhoto a.big {
	float:left;
}
.left .bigPhoto a.big img {
	width:287px;
	height:295px;
}
.left .bigPhoto a.big span {
	_width:288px;
	_bottom:-1px;
	background:rgba(58,135,67,0.5);
	*background:#5e9e83;
}

/*带边框文章列表*/
.textBox_noBorder {}
.textBox_hasBorder {
	margin-bottom:20px;
	border:1px solid #ebebeb;
}
.textBox_hasBorder div.noF {
	clear:both;
}
.textBox_noBorder h4,
.textBox_hasBorder h4 {
	height:31px;
	line-height:31px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#979797;
	border-bottom:1px solid #ebebeb;
}
.textBox_noBorder h4 .more,
.textBox_hasBorder h4 .more {
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
}
.textBox_hasBorder li {
	padding:10px;
	margin:10px;
	border-bottom:1px dashed #ebebeb;
}
.textBox_hasBorder li:last-child {
	border:none;
}
.textBox_hasBorder li img {
	float:left;
	margin-right:20px;
	_display:inline;
}
.textBox_hasBorder li a,
.textBox_hasBorder li span {
	display:block;
}
.textBox_hasBorder li a.blue {
	margin-bottom:3px;
}
.textBox_hasBorder .fl {
	width:356px;
}
.textBox_hasBorder .fl ul {
	width:355px;
	border-right:1px dashed #ebebeb;
}
.textBox_hasBorder .fr {
	width:223px;
}

/*文章列表无边框*/
.textBox_noBorder ul {
	padding-top:10px;
	padding:10px;
}
.textBox_noBorder li {
	width:267;
	float:left;
	text-align:center;
}
.textBox_noBorder li img {
	width:265px;
	height:105px;
	border:1px solid #ebebeb;
}
.textBox_noBorder li span {
	display:block;
}

/*右边*/
.right {
	width:351px;
	float:right;
}
.right .login {
	background:#ebecee;
	border:1px solid #bcbcbc;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	padding:15px 20px;
	border-radius:20px;
}
.right .login p {
	text-indent:24px;
	padding:10px 0;
	border-bottom:1px solid #FFF;
}
.right .login p span {
	display:block;
	text-align:right;
}
.right .login .loginBox {
	padding-top:25px;
}
.right .login .loginBox table {
	width:100%;
}
.right .login .loginBox input.text {
	border:none;
	width:146px;
	height:23px;
	line-height:23px;
}

.right .right_inner {
}

.right .weibo {
	margin-bottom:30px;
}
.right .weibo h4 {
	height:31px;
	line-height:31px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#979797;
	border-bottom:1px solid #ebebeb;
}
.right .weibo .followMe {
	padding:10px;
}
.right .weibo .followMe img {
	vertical-align:middle;
}
.right .weibo .followMe img.avatar {
	width:53px;
	height:53px;
	float:left;
	margin-right:10px;
	_display:inline;
}
.right .weibo .followMe a.blue,
.right .weibo .followMe span.gray {
	display:block;
}
.right .weibo ul {
	padding:10px;
}
.right .weibo ul li {
	padding:10px 0;
	border-bottom:1px dashed  #ebebeb;
}
.right .weibo ul li span,
.right .weibo ul li a {
	display:block;
}

.right .active {
	background:#ebecee;
	border:1px solid #c7c7c9;
	padding:15px;
	margin-top:20px;
}

.right .active img {
	width:119px;
	height:165px;
	float:left;
	margin-right:20px;
	_display:inline;
}
.right .active h5,
.right .active p {
	margin-bottom:15px;
}
.right .toPanasonic {
	margin-bottom:20px;
}
.right .toPanasonic img {
	width:100%;
	height:auto;
}

/*预订有礼*/
.buyIt {
	background:#ebecee;
	border:1px solid #bcbcbc;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	padding:15px 0 15px 20px;
	border-radius:20px;
}
.buyIt ul {}
.buyIt li {
	width:256px;
	height:340px;
	float:left;
	margin-right:23px;
	_display:inline;
}
.buyIt li img {
	width:253px;
	height:112px;
}
.buyIt li span,
.buyIt li p {
	display:block;
}
.buyIt li .price {
	margin:5px 0;
	text-align:center;
}
.buyIt li .btnBox {
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
}

/*主题社区*/
.community {
	background:#f5f5f5;
}
.community h4 {
	height:31px;
	line-height:31px;
	background:#ebecee;
	border:1px solid #bdbec0;
	padding:0;
	padding-left:10px;
	padding-right:20px;

}
.community h4 .fr {
	height:31px;
	line-height:31px;
}
.community table {
	width:100%;
}
.community .td1 {
	width:305px;
	padding-left:10px;
}
.community .td2 {
	width:75px;
	text-align:center;
}
.community .td3 {
	width:66px;
	text-align:center;
}
.community .td4 {
	text-align:center;
}
.community th {
	height:35px;
	text-align:center;
}
.community td {
	line-height:20px;
	padding:10px 0;
	border-bottom:1px solid #dfdfdf;
}
.community .pages {
	padding:10px;
	text-align:right;
}
.community .pages a {
	font-size:16px;
	padding:0 5px;
}

/*系列教程*/
.someTeach {}
.someTeach li {
	height:114px;
	overflow:hidden;
	background:#ebecee;
	border:1px solid #c7c7c7;
	margin-bottom:30px;
}
.someTeach li img {
	width:166px;
	height:114px;
	float:left;
	border-right:1px solid #c7c7c7;
}
.someTeach li p {
	padding:20px;
	margin-left:167px;
}
.someTeach li p a,
.someTeach li p span {
	display:block;
	line-height:120%;
}
.someTeach li p a {
	margin-bottom:10px;
}

/*底部*/
.footer {
	width:980px;
	margin:0 auto;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#4567a6;
	word-spacing:20px;
}


/*下拉菜单*/
.header .menu li {
	position:relative;
}
.header .menu li ul {
	width:auto;
	height:auto;
	position:absolute;
	left:0;
	top:34px;
	padding:0;
	border:2px solid #CCC;
	background:#8893A5;
	z-index:100;
}
.header .menu li ul li {
	display:block;
	float:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #CCC;
	white-space:nowrap; 
}