/*	Css Design By ZhuYi */

/* -- All section -- */
*,html 
{
	margin:0px;
	padding:0px;
}

body 
{
	font-size:12px;
	font-family:ËÎÌå;
	text-align:center;
	background-color:#e7e7e5;
}

#container
{
	width:760px;
	left:-380px;
	text-align:left;
	background-color:#fff;
	overflow:hidden;
	scrollbar-base-color:#fff;
	scrollbar-3dlight-color:#999;
	scrollbar-hightlight-color:#999;
	scrollbar-darkshadow-color:#fff;
	scrollbar-arrow-color:#999;
}

input 
{
	border:1px solid #999;
}
/* -- All section End -- */

/* -- Top -- */
#top 
{
	height:100px;
	margin-bottom:20px;
}

#top h3,#top img 
{
	margin:15px 0 0 20px;
}

#line 
{
	width:760px;
	height:8px;
	display:block;
}

#lineleft 
{
	width:160px; 
	border-bottom:2px solid #ff0000;
	display:block;
	clear:left;
	float:left;
}

#lineright 
{
	width:600px; 
	border-bottom:2px solid #393939;
	display:block;
	float:left;
}

.keyword 
{
	width:128px; 
	margin-left: 10px;
	float:left;
}

.Go,.result 
{
	float:left;
}

#top #hnav ul
{
	list-style:none;
	/*padding-left:56px;*/
	font-weight:bold;
}

#top #hnav li 
{
	float:left;
	border-right:2px solid #999;	
	text-align:center;
}

#top #hnav li a 
{
	display:block;
	height:25px;
	color:#666;
	line-height:25px;
	overflow:hidden;
	text-decoration:none;
	width:78px;
}
/* -- Top End -- */

/* -- Main -- */
#main 
{
	width:760px;
	overflow:hidden;
}
/* Easy Clearing */ 
#main:after 
{ 
	content: ''; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
#main 
{ 
	display: inline-block; 
} 
/*\*/ 
#main 
{ 
	display: block; 
} 
/* Easy Clearing End */ 
/*\*/ 
#left, #right 
{ 
	padding-bottom: 32767px !important; 
	margin-bottom: -32767px !important; 
} 
@media all and (min-width: 0px) 
{ 
	#left, #right 
	{ 
		padding-bottom: 0 !important; 
		margin-bottom: 0 !important; 
	} 
	#left:before, #right:before 
	{ 
		content: ''; 
		display: block; 
		background: inherit; 
		padding-top: 32767px !important; 
		margin-bottom: -32767px !important; 
		height: 0; 
	} 
} 
/**/
h1,h2 
{
	width:160px;
	height:30px;
	border-top:1px solid #ccc;
	font-size:12px;
	font-weight:normal;
	line-height:30px;
	color:#666;
	text-align:left;
	padding-left:20px;
}

/* -- Main End -- */

/* -- Main Left -- */
#left 
{
	width:180px;
	float:left;
}

#nav 
{
	text-align:left;
	margin-bottom:8px;
	position:relative;
}

#nav ul 
{
	list-style:none;
}

#nav li a 
{
	display:block;
	color:#666;	
	height:35px;
	line-height:35px;
	text-decoration:none;
	width:135px;
	margin-left:30px;
	background:url('images/blocks.jpg') no-repeat right bottom;
}

#nav li a:hover 
{
	background:url('images/blocks.jpg') no-repeat right 0;
}

#nav #list li a
{
	height:21px;
	line-height:21px;
}

#nav #list li a:hover
{
	background:url('images/blocks.jpg') no-repeat right -6px;
}

#nav .current
{
	border-bottom:1px solid #999;
	border-right:1px solid #fff;
}

#nav .detail li a 
{
	width:150px;
	background:none;
	margin-right:-1px;
	position:relative;	
}

#nav .detail li a:hover 
{
	background:none;
}

#subnav 
{
	width:180px;
	text-align:center;
}

#subnav img 
{
	border:none;
}

#subnav a 
{
	text-decoration:none;
}
/* -- Main Left End -- */

/* -- Main Right -- */
#right 
{
	width:560px;
	float:left;
}

#right a,#footer a 
{
	text-decoration:none;
	color:#393939;
}

#right a:hover,#footer a:hover
{
	color:#ff0000;
}

#right img 
{
	border:none;
}

#player 
{
	width:560px;
	height:282px;
	overflow:hidden;
	margin-bottom:8px;
}

#content 
{
	width:560px;
	border:1px solid #999;
}

#content p 
{
	margin:15px;
	line-height:20px;
}

#content ol 
{
	line-height:20px;
	padding:5px 0 5px 0;
	list-style-position:inside;
}

#content ol li 
{
	border-bottom:1px dotted #ccc;
}

#content ol li:hover 
{
	background-color:#f5f5dc;
}

#content .title 
{
	display:block;
	height:25px;
	line-height:25px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

#content .p_detail
{
	width:95%;
	border-collapse:collapse;
	border:1px solid #999;
	margin-bottom:5px;
	text-align:center;
}

#content .p_detail td, .p_detail th
{
	border:1px solid #999;
	height:20px;
	line-height:20px;
}

#content .timespan 
{
	display:block;
	padding-left:52%;
}

#content .header 
{
	background-color:#ebebeb;
	height:25px;
	line-height:25px;
	font-weight:bold;
	display:block;
	width:95%;
	margin:5px 0 5px 0;
}

#content address 
{
	border:1px dotted #999;
        font-style:normal;
	margin:10px;
	padding:10px;
	line-height:20px;
	background-color:#f5f5dc;
}
/* -- product picture display -- */
		#right table td #left_pic img
		{
			padding:0px;
		}
		 
        #content #left_pic
        {
            background:url('images/left_pic_bg.jpg') no-repeat right bottom;
            float:left;
            position:relative;
            width:160px;
            height:400px;
        }
        
        #pic_title
        {
            position:absolute;
            top:30px;
            left:10px;
            width:140px;
            height:20px;
            line-height:20px;
            text-align:center;
            background-color:#ccc;
            /*filter:alpha(opacity=60,enabled=1)  blendtrans(duration=1);*/
        }
        #pic_preview
        {
            position:absolute;
            top:100px;
            left:20px;
            width:120px;
            height:90px;
            cursor:pointer;            
            /*filter:alpha(opacity=45,enabled=1)  blendtrans(duration=1);*/
        }        
         
        #pic_box
        {
            position:absolute;
            bottom:20px;
            left:10px;
            width:140px;
            height:66px;                    
        }
        
        #scroll_left,#scroll_right
        {
            height:66px;
            width:10px;
            background-color:#ccc;
            line-height:66px;
            float:left;
            cursor:pointer;
            /*filter:alpha(opacity=30,enabled=1)  blendtrans(duration=1);*/
        }
        
        #scroll_pic
        {
            float:left;
            width:120px;
            height:66px;
            overflow:hidden;
            background-color:#000;        
        }
           
        #p_pic
        {
            width:auto;
            height:66px;
            padding-left:30px;
            padding-right:25px;           
        }
        
        #p_pic img
        {
            width:60px;
            height:45px;
            float:left;
            margin:10px 5px 0 0;
            /*filter:alpha(opacity=45,enabled=1)  blendtrans(duration=1);*/
        }
        
        #large_pic
        {
            position:absolute;
            display:none;
            z-index:2;
            /*filter:alpha(opacity=0,enabled=1)  blendtrans(duration=1);*/
        }
/* -- product picture display -- */

.toplist 
{
	list-style:none;
	line-height:18px;
}

.toplist li
{
	width:197px;
	margin-left:30px;
	overflow:hidden;
	text-overflow:ellipsis; 
	white-space:nowrap; 	
}
 
#right table td ul,#right table td img 
{
	float:left;
	padding:5px;
	line-height:20px;
}

#right table td ul li
{
	padding-left: 20px;
}

#demo ,#newsroom
{
	width:277px;
	height:150px;
	float:left;
	background:#ccc url('images/arrow.jpg') no-repeat 10px 7px;
}

#demo h2,#newsroom h2 
{
	padding-left:30px;
	width:auto;
}

#demo img,#newsroom img 
{
	float:right;
	clear:both;
	margin-top:100px;
	margin-right:5px;
}
.news 
{
	border-left:6px solid #fff;
}
/* -- Main Right End -- */

/* --   MSDN Menu   -- */
div.eyebrowmenubar
{
	margin:3px 0;
	padding:3px;
	width:auto
}

div.eyebrowmenubar a
{
	margin:0;
	padding:0;
	width:auto
}

div.stat,div.statHover
{
	border:1px solid transparent!important;
	display:inline;
	float:left;
	height:auto!important;
	line-height:16px;
	margin:0;
	padding-right:21px;
	vertical-align:bottom;
	white-space:nowrap
}

* html div.stat,* html div.statHover
{
	border-color:#fff!important
}

div.nochildstat
{
	display:inline;
	float:left;
	height:auto!important;
	line-height:16px;
	margin:0;
	padding-right:21px;
	vertical-align:bottom;
	white-space:nowrap
}

div.stat
{
	background:url('images/botharrow.gif') no-repeat right -21px;
}

div.statHover
{
	background:url('images/botharrow.gif') no-repeat right 0;
}

div.stat a,div.statHover a
{
	background-color:transparent;
	border:0;
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none
}

div.popup
{
	background-color:#fff;
	border:1px solid #b8b8b8;
	overflow:visible;
	z-index:1
}

div.popup a:visited,div.popup a:link,div.popup a:active,div.popup a:hover
{
	background-color:#fff;
	border:1px solid #fff;
	color:#000;
	display:block;
	margin:0 2px;
	padding:3px;
	text-decoration:none;
}

div.eyebrowmenubar a:hover
{
	color:#ff0000
}

.TFlyPopupAnimate
{
	position:absolute;
	display:block;
	border:1px solid gray;
	overflow:hidden;
	visibility:hidden;
	margin:0;
	padding:0;
	z-index:1
}
/* -- MSDn Menu End*/

/* -- Footer -- */
#footer 
{
	color:#333;
	height:55px;
	text-align:right;
	vertical-align:middle;	
	width:760px;
	clear:both;
}

#footlink 
{
	height:30px;
	line-height:30px;
	padding-right:18px;
}
#copyright 
{
	color:#666;
	height:25px;
	line-height:25px;
	text-align:right;
	padding-right:18px;		
}
/* -- Footer End -- */