@charset "utf-8";
html{color:#000;background:#FFF; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{/*border-collapse:collapse;border-spacing:0;*/}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
h1,h2,h3,strong{ font-weight:bold;}

.simScrollCont {float: left; height: 342px; line-height:24px; width: 96%;color:#969696; /*border: solid 1px #DBDBDB; background: #FCFCFC;*/padding: 0 10px; margin-right: 15px; overflow: hidden}
.simScroll {position:relative; float:left;width: 13px; margin-left: -15px;}
.simScrollUp {height: 14px; background: url(/images/simScroll_Up.gif) no-repeat}
.simScrollUp_Over {height: 14px; background: url(/images/simScroll_Up_Over.gif) no-repeat}
.simScrollDragArea {background: url(/images/simScroll_Drag_Area.gif) repeat-y}
.simScrollDrag {background: url(/images/simScroll_Drag.gif) repeat-y}
.simScrollDrag_Over {background: url(/images/simScroll_Drag_Over.gif) repeat-y}
.simScrollDown {height: 14px; background: url(/images/simScroll_Down.gif) no-repeat}
.simScrollDown_Over {height: 14px; background: url(/images/simScroll_Down_Over.gif) no-repeat}
.br {clear: both; height: 2px; background: #fafafa; margin: 10px 0}

#mProductShow { text-align:center;border:1px solid #e5e5e5; overflow:hidden;}
#mProductShow img {}
#otherpics { padding-top:45px;}
#otherpics ul {}
#otherpics ul li{ float:left; margin-right:10px; height:60px; width:60px; margin-bottom:10px;border:1px solid #E5E5E5;vertical-align:middle; text-align:center;display:table;}
#otherpics ul li div { width:60px; height:60px; cursor:pointer;}
#otherpics ul li img {}
.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}
.relArti {}
.relTitle { border:1px solid #E1E1E1; border-bottom:none; line-height:27px; padding:0px 8px; font-size:14px; font-weight:bold; color:#333; background-color:#efefef;}
.rellist {border:1px solid #E1E1E1;padding-left:8px;}
.rellist a,.rellist a:link,.rellist a:visited {color:#969696; clear:both; display:block;}
.rellist a:hover {color:#F30;}
.rellist ul {}
.rellist ul li { clear:both; color:#969696;line-height:27px;}

#relprolist {float:left; width:641px;}

#relprolist h4{ color:#494949; font-size:14px; font-weight:bold; line-height:40px;}
#relprolist ul{ float:left}
#relprolist li{ background:url(../images/proindex_22.jpg) no-repeat top center; width:149px; height:150px; text-align:center; float:left; padding:2px 6px 16px 0px;}

#relprolist1 {float:left; width:541px;}
#relprolist1 h4{ color:#494949; font-size:14px; font-weight:bold; line-height:40px;}
#relprolist1 ul{ float:left}
#relprolist1 li{ background:url(../images/proindex_22.jpg) no-repeat top center; width:149px; height:150px; text-align:center; float:left; padding:2px 6px 16px 0px;}

.w330 { width:330px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; float:left;}
.w70 { float:right; width:70px;overflow:hidden;}
.w210 { width:210px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; float:left;}
.w50 { float:right; width:50px;overflow:hidden;color:#999;font-size:9px; line-height:20px;}