﻿html {
	overflow-y: scroll;
	background-image: url(about:blank);
	background-attachment: fixed
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px;
	font-family: "Microsoft YaHei", "΢���ź�", Tahoma, Geneva, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	margin: 0;
	padding: 0;
	font-size: 12px
}
p{margin: 0;}
a {
	color: #006cb3;
	text-decoration: none
}

a:hover {
	color: #006cb3;
}

em {
	font-style: normal
}

li {
	list-style: none
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dl {
	margin: 0;
	padding: 0
}

img {
	border: 0
}

.wrap {
	width: 960px;
	margin: 0 auto
}

.clear {
	clear: both
}

#screen {
	width: 960px;
	height: 480px;
	margin: 10px auto 0;
	background: #000;
	overflow: hidden
}

#screen .bd {
	width: 720px;
	height: 480px;
	position: relative;
	overflow: hidden;
	float: left
}

#screen .bd .mt {
	width: 720px;
	height: 480px;
	position: relative;
	overflow: hidden
}

#screen .bd .mt img {
	width: 720px;
	height: auto
}

#screen .bd .mt p {
	height: 44px;
	line-height: 22px;
	padding-right: 20px;
	left: 20px;
	bottom: 0;
	*bottom: 10px !important;
	color: #000000;
	display: block;
	position: absolute;
	z-index: 9
}

#screen .bd .mt h2 {
	width: 600px;
	height: 34px;
	line-height: 34px;
	padding-left: 40px;
	_padding-left: 0;
	left: 20px;
	_left: 18px;
	bottom: 0;
	font-size: 24px;
	font-family: "Microsoft Yahei";
	background: url("http://www.szaqx.com.cn/images/fouce.png") no-repeat 0 4px;
	_background: 0;
	position: absolute;
	z-index: 9;
	overflow: hidden
}

#screen .bd .mt h2 a {
	color: #0091e1;
	font-weight: normal
}

#screen .bd .mt .bg {
	width: 720px;
	height: 71px;
	left: 0px;
	bottom: 0px;
	filter: alpha(opacity=60);
	opacity: .6;
	position: absolute;
	overflow: hidden;
	z-index: 8
}

#screen .hd {
	width: 240px;
	height: 480px;
	padding-top: 3px;
	float: right;
	color: #000000;
	overflow-y: scroll;
	background-color: #014c9f;
}

#screen .hd ul li {
	width: 100px;
	height: 91px;
	margin: 0 0 10px 4px;
	display: inline;
	position: relative;
	overflow: hidden;
	float: left
}

#screen .hd ul li a {
	width: 114px;
	height: 91px;
	display: block
}

#screen .hd ul li img {
	width: 108px;
	height: 84px;
	border: 3px solid #2b2b2b
}

#screen .hd ul li .bg {
	width: 120px;
	height: 24px;
	left: 3px;
	top: 63px;
	_background: 0;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#00000000", endColorStr="#99000000", gradientType='1');
	position: absolute;
	background-image: none;
	background-repeat: no-repeat;
}

#screen .hd ul li .txt {
	width: 92px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	position: absolute;
	left: 4px;
	bottom: 4px;
	z-index: 2;
	text-align: right;
	padding-right: 5px;
	overflow: hidden;
	cursor: pointer
}

#screen .hd ul li .mask {
	width: 120px;
	height: 85px;
	left: 3px;
	bottom: 3px;
	z-index: 3;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000');
	display: block;
	position: absolute;
	background-position: 0;
}

#screen .hd ul li a:hover .mask,
#screen .hd ul .on .mask {
	display: none;
	position: relative
}

#screen .hd ul li a:hover img,
#screen .hd ul .on img {
	border-color: #0091e1
}

#screen .hd ul li a:hover {
	color: #fff;
	text-decoration: none
}

#screen .hd ul li a:hover .bg {
	background: #0091e1;
	_filter: none
}
