/*
=== H3C StyleSheet File ====================================
 Style Name: AboutH3C-GreeH3C
 Version: V.1.8
 Author: ANA ( http://www.H3C.com/ )
 Last Update: 2008-6-2
 History: 
 <author> <time> <version > <desc> <introduction>
 Jaybird 07/11/14 1.7 build add #h3cService h2 a style.
 Jaybird 08/03/07 1.8 build add SolutionsRelatedAreaˇ˘SolutionsRelatedContent style.
==============================================================
*/
.areaFrame{border:1px solid #D8E6EF;}
.areaFrame ul li{ width: 95%; line-height: 24px; display: block; padding: 0 0 0 15px; background: #FFFFFF url(../images/innerwarp_bg.gif) no-repeat left; }
	.areaFrame #trsmbResourceLeft{ width: 340px; float: left; }
	.areaFrame #trsmbResourceRight{ width: 340px; float: right; }
#areamiddlesidebar{ width: 783px; float: left; padding: 10px 10px 16px 10px; overflow: hidden; }
#areaabout{ width: 783px; float: left; overflow: hidden; }

	#areamiddlesidebar .areaFrame h2{  color: #a00401; line-height: 24px; background: #EAEFF4; padding: 0px 0px 0px 14px; text-indent: 0; font-weight: bold; }
	#areamiddlesidebar h2 { font-size:14px; color: #a00401; line-height: 24px; padding: 0px 0px 0px 14px; font-weight: bold; }
	#areamiddlesidebar h3 { font-size:12px; color: #a00401; line-height: 14px; padding: 0; font-weight: bold; }
	#areamiddlesidebar .areaFrame #detailContent h2 { color: Black; background: none; line-height: normal; }
	#areamiddlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
	#areamiddlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#areamiddlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#areamiddlesidebar li img{ padding: 2px; }/* ?? */
#areabanner0{ width: 783px; float: left; padding: 10px 10px 0px 10px; overflow: hidden; }
.areabanner{ width: 783px; height: 143px; border: 1px solid #BFD4E9; overflow: hidden; }
.areabanner1{ width: 783px; height: 307px; border: 1px solid #BFD4E9; overflow: hidden; }
.areabanner2{ width: 783px; height: 223px; border: 1px solid #BFD4E9; overflow: hidden; }
.areabanner img { float: left; margin: 0 10px 0 0; }

#areawrapper {float: left; min-height: 488px; }

.widtharea526{ width: 526px;overflow:hidden;}
.widtharea781{width: 781px;overflow:hidden;}
.widtharea386{ width: 386px;overflow:hidden;}
.widtharea366{ width: 366px;overflow:hidden;}
.widtharea406{ width: 406px;overflow:hidden;}
#areaextra {
	overflow: hidden; float: right;
}
#areaextra .quickLinks h4,#areaextra #relatedSolutions h4,#detailBody #relatedArea h3,#newsContent #detailBody #SolutionsRelatedArea h3 {
	color: #a00401;
	font: bold 14px/24px Arial,Verdana,sans-serif;
	background: #EAEFF4;
	border: 1px solid #BCD0E8;
	padding: 0 0 0 10px;
	margin: 0;
	text-indent: 0;
}
	#areaextra .quickLinks h2{ 
	color: #a00401;
	font: bold 14px/24px Arial,Verdana,sans-serif;
	background: #EAEFF4;
	border: 1px solid #D8E6EF;
	padding-left: 14px;
	margin: 0;
	text-indent: 0;
	 }

	#areaextra .quickLinks ul,#areaextra #relatedSolutions ul { list-style: none; padding: 8px 10px; border: 1px solid #D8E6EF; border-top: none; }
	#areaextra .relatedLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #dae8f1; border-top: none; }
	#areaextra .quickLinks ul li,#areaextra .relatedLinks ul li { background: url(../images/button/arrow_03.gif) no-repeat 0 7px; padding-left: 12px; line-height: 18px; }
			#areaextra ul li a:link,#areaextra ul li a:visited { color: #648BB1; text-decoration: none; }
			#areaextra ul li a:hover { color: #648BB1; text-decoration: underline; }
#areaextra #relatedSolutions li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#areaextra .relatedLinks h4 {
	color: #648bb1;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	border: 1px solid #dae8f1;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
#areaextra #relatedContent,#relatedAreaContent,#SolutionsRelatedContent { border: 1px solid #dae8f1; border-top: none; }
#areaextra #videoContent { border: 1px solid #D8E6EF; border-top: none;/* padding: 10px; */}
#areaextra #relatedSolutions .quickLinks #videoContent p{padding:5px 10px 10px 10px;} 
#areaextra #relatedSolutions .quickLinks #videoContent div{margin:0px;padding:0px;}
#areaextra #videoContent a { color: #cc6600; }
#areaextra #videoContent p a { color: #cc6600; }
/*#areaextra #relatedSolutions .quickLinks #videoContent div.titlePadding{ color: Black;padding:10px 10px 0px 10px;}*/
#videoContent .titlePadding strong { color: black; display: block; padding: 10px 0 0 10px; }
#areaextra #relatedContent ul,#relatedAreaContent ul,#SolutionsRelatedContent ul { list-style: none; border: none; margin: 0; padding: 4px 10px; }
#areaextra #relatedContent a,#areaextra #relatedSolutions a,#relatedAreaContent a,#SolutionsRelatedContent a { color: #648bb1; line-height: 16px; text-decoration: none; }
#areaextra #relatedContent a:hover,#areaextra #relatedSolutions a:hover,#relatedAreaContent a:hover,#SolutionsRelatedContent a:hover {
	text-decoration: underline;
}
#areaextra #relatedContent h5,#relatedAreaContent h6,#SolutionsRelatedContent h6 {
	color: #666;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	padding: 5px 10px 0 10px;
	margin: 0;
	text-indent: 0;
}
#relatedArea,#SolutionsRelatedArea { float: right; margin: 0 0 10 10px; }
#SolutionsRelatedArea {
	display: none;
}
.mainContent li,#areaextra #relatedContent li,#relatedAreaContent li,#SolutionsRelatedContent li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#mainContent img { border: 0; vertical-align: top;}
.photo dl {
	float:left;
	width:157px;
	margin:10px;
	overflow:hidden;
	height:180px;}
	
.photo2 dl {
	float:left;
	width:157px;
	margin:10px;
	overflow:hidden;
	height:100px;}
.photo2 dd {
	float:left;
	width:125px;
	margin:0px;
	overflow:hidden;
	height:70px;}

.photo3 dl {
	float:left;
	width:220px;
	margin:10px;
	overflow:hidden;
	height:152px;}
.photo3 dd {
	float:left;
	width:125px;
	margin:0px;
	overflow:hidden;
	height:70px;}

#rightlist { float:left; margin-left:0px;}

#rightlist ul.col_3 dl { float: left; width: 245px !important; }
#rightlist ul.col_3 dl dt{ float: left; margin: 0 5px 0 0; width:115px; }
#rightlist ul.col_3 dl dd { display: table-cell; margin: 0 5px 0 120px; }

#rightlist ul.wanhuicol_3 dl { float: left; width: 250px !important; height:240px; }
#rightlist ul.wanhuicol_3 dl dt{ float: left; margin: 0 5px 0 0; }
#rightlist ul.wanhuicol_3 dl dd { display: table-cell; margin: 0 5px 0 120px; }

.line{ height: 1px; background: #ecf2f8; width:98%; overflow: hidden; }

.width2009{ width: 760px;overflow:hidden; }
.video2009 h4{ background-color: none; color: #A10302; padding-bottom: 5px; background: url(../images/button/x_dashedbg.gif) repeat-x 100% 90%; }
.video2009 li{ width: 170px; float: left; background: none; }