@CHARSET "UTF-8";
#panel_left {
	float:left;
	width:180px;
}
#panel_main {
	margin-left:200px;
	background-color:#FFF;
}
#list .pbox {
	width:180px;
	height:180px;
	float:left;
	overflow:hidden;
	text-align:center;
}
#list .ppic {
	width:150px;
	height:100px;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	border:#CCC solid 1px;
	margin:0px auto;
	background-color:#FFF;
}
#list .ppic span {
	height:100%;
	writing-mode:tb-rl;
}
#list .ppic img {
	max-width:140px;
	max-height:90px;
	width:expression( width / height >= 1.56 ? "140px":"auto" ) !important;
	height:expression( width / height < 1.56 ? "90px":"auto" ) !important;
	vertical-align:middle;
}
#list .ptitle {
	margin:10px auto 0px auto;
	width:150px;
	line-height:16px;
}
#list .ptitle a {
	color:#c41d23;
}
#list .pbox:hover .ppic {
	border:#F00 solid 1px;
}
#info {
	margin-bottom:10px;
}
#info .title {
	padding:5px 20px;
	background-color:#F9F9F9;
	font-size:16px;
	font-weight:bold;
	border:0px;
	margin-bottom:30px;
}
#info .pic {
	float:left;
	text-align:center;
	margin-bottom:30px;
}
#info .pic .big {
	width:320px;
	height:270px;
	line-height:270px;
	vertical-align:middle;
	overflow:hidden;
	border:#CCC solid 1px;
	background-color:#FFF;
}
#info .pic .big span {
	height:100%;
	writing-mode:tb-rl;
}
#info .pic .big img {
	max-width:300px;
	max-height:250px;
	width:expression( width / height >= 1.2 ? "300px":"auto" ) !important;
	height:expression( width / height < 1.2 ? "250px":"auto" ) !important;
	vertical-align:middle;
}
#info .pic .list {
	padding:5px 0px;
}
#info .pic .small {
	float:left;
	width:60px;
	height:60px;
	line-height:60px;
	vertical-align:middle;
	overflow:hidden;
	border:#CCC solid 1px;
	margin-right:5px;
	background-color:#FFF;
}
#info .pic .small span {
	height:100%;
	writing-mode:tb-rl;
}
#info .pic .small img {
	max-width:50px;
	max-height:50px;
	width:expression( width / height >= 1 ? "50px":"auto" ) !important;
	height:expression( width / height < 1 ? "50px":"auto" ) !important;
	vertical-align:middle;
}
#info .base {
	float:left;
	margin-left:50px;
}
#info .base dt {
	clear:both;
	float:left;
	width:60px;
	height:25px;
}
#info .base dd {
	float:left;
	width:320px;
	height:25px;
}
#info .spec {
	clear:both;
	line-height:20px;
	margin-bottom:100px;
}
#info .spec .label {
	color:#666;
	font-weight:bold;
}
#info table {
	width: 90%;
	background-color:#CCC;
	margin:15px 0px;
	border-top:0px;
	border-bottom:#CCC solid 1px;
	border-left:0px;
	border-right:#CCC solid 1px;
	font-size:12px;
}
#info table td {
	background-color:#FFF;
	padding:5px 10px;
	border-top:#CCC solid 1px;
	border-bottom:0px;
	border-left:#CCC solid 1px;
	border-right:0px;
}