/* 代码整理：时代Java */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em {
	margin:0;
	padding:0;
	border:0;
}
ul, ol, li {
	list-style:none;
}
input, button {
	margin:0;
	font-size:12px;
	vertical-align:middle;
}
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#ef9b11;
	text-decoration:underline;
}
em {
	font-style:normal;
}
#box-NowJava {
	text-align:left;
	border:1px solid #ccc;
	padding-left:80px;
	padding-top:350px;
	height:270px;
	width:900px;
	margin:20px auto;
}
.caseContainer {
	width:664px;
	height:405px;
	position:relative;
	overflow:hidden;
}
.maskContainer {
	width:664px;
	height:405px;
	position:relative;
	bottom:2px;
	left:-3px;
	overflow:hidden;
}
#feature-trigger {
	background:url(../images/hw_089235.png) repeat-x scroll 0 0 transparent;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 137px;
	margin: 12px 12px 0 0;
	padding: 0;
	width: 316px;
}
#feature-trigger span.first {
	background:url(../images/hw_089243.png) no-repeat left bottom;
}
#box-NowJava a span {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FLOAT: left;
	PADDING-BOTTOM: 15px;
	OVERFLOW: hidden;
	WIDTH: 185px;
	PADDING-TOP: 13px;
	HEIGHT: 107px
}
#box-NowJava a IMG {
	FLOAT: right;
	WIDTH: 110px;
	HEIGHT: 137px
}
#box-NowJava a SPAN H4 {
	FONT-WEIGHT: 400;
	FONT-SIZE: 16px;
	MARGIN-BOTTOM: 8px;
	LINE-HEIGHT: 22px;
	FONT-FAMILY: microsoft yahei
}
#box-NowJava a SPAN P {
	FONT-SIZE: 12px;
	COLOR: #646464;
	LINE-HEIGHT: 18px
}
#feature-popup {
	DISPLAY: none;
	Z-INDEX: 100;
	POSITION: absolute
}
.mask {
	WIDTH: 654px;
	POSITION: absolute;
	HEIGHT: 375px
}
.case {
	Z-INDEX: 100;
	WIDTH: 654px;
	POSITION: absolute;
	HEIGHT: 375px;
	border:1px solid #ccc;
	background:#f5f5f5;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	PADDING-TOP:15px;
}
.close {
	CLEAR: both;
	PADDING-RIGHT: 23px;
	HEIGHT: 24px;
	TEXT-ALIGN: right
}
.close A {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 0px;
	COLOR: #0033cc;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none
}
.item {
	FLOAT: left;
	MARGIN: 0px 10px 16px 15px;
	WIDTH: 272px;
	HEIGHT:93px;
	overflow:hidden;
}
.pic {
	BORDER-RIGHT: #b1b3b5 1px solid;
	BORDER-TOP: #b1b3b5 1px solid;
	FLOAT: left;
	BORDER-LEFT: #b1b3b5 1px solid;
	WIDTH: 88px;
	MARGIN-RIGHT: 10px;
	BORDER-BOTTOM: #b1b3b5 1px solid;
	HEIGHT: 88px
}
.item .pic img {
	WIDTH: 88px;
	HEIGHT: 88px
}
.item .detail {
	LINE-HEIGHT: 18px
}
.item .detail span {
	FONT-SIZE: 16px;
	COLOR: #b60005
}
.item .detail a {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN-BOTTOM:5px;
	COLOR: #ed9203
}
.item .detail img {
	DISPLAY: block;
	MARGIN: 3px 0px 5px
}
