﻿body {
	font-family:verdana, arial, 宋体;
	font-size: 80%;

}


#container {
	width: 798px;
	background:#fff;
	margin: 0px auto;
	
}
#top {
	color:#fff;
	width: 211px;
	height: 140px;
	text-align:center;
	background-color: #6B9B0D;	
}
#topcenter {
	height: 140px;
	width: 258px;
	float: right;
	margin:0px;
	padding:0px;
	border:0px;

}
#topright {
	float: right;
	height: 140px;
	width: 315px;
	text-align: right;
	background:#fff;
	padding-right:10px;
	
}
#topright img{
	padding-top:10px; 
	
}


.cl {
clear:both;
}
#special {
	width: 798px;
        text-align: center;
}
#product {
	width: 583px;
        text-align: center;
}

#d_product {
	width: 583px;
	float:left;
    text-align: left;

	
	

}
ul {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}
ul li {
	float: left;
	text-align: center;
	margin-left: 5px;
	display: inline;
}
h5 {
	font: bold 12px Tahoma, Verdana, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
}
h5 a {
	color:#000;
	text-decoration: none;	
}
h5 a:hover {
	background-color:#F7CB33;
	color:#6B9B0D;
}
#news {
	float: left;
	width: 203px;
	height: 100%;
	margin-top: 5px;
	background-color: #6B9B0D;
	color: #FFF;
	padding: 4px;
}

#news  p {
        margin: 9px;
	
}
#news  p a {
	color:#FFF;
	text-decoration: none;	
	
}
#news  p a:hover {
	background-color:#fff;
	color:#6B9B0D;
	display:block;

}
#news  p a span {
        overflow:hidden;
        border-top:6px solid #6B9B0D;
        border-left:6px solid #6B9B0D;
        border-bottom:6px solid #6B9B0D;
        height:0px;
        width:0px;
        margin:2px 2px 0 -10px;
        position:absolute
}
#news  p a:hover span {
        background:#6B9B0D;
        border-top:6px solid #6B9B0D;
        border-left:6px solid #F7CB33;
        border-bottom:6px solid #6B9B0D;
        overflow:hidden;
        float:left;
}
#menu {
	width: 583px;
	background-color: #F7CB33; 
	border-bottom: 5px solid #FFFFFF;
	float: right;
	display:block;
	text-align:center;
}
#menu a:link, #menu a:visited, #menu a:active {
	background-color: #F7CB33;
	padding: 13px 0px;
	text-decoration: none;
	color: #6B9B0D;
	display:block;
	width:14.2%;
	float:left;
	text-align:center;
	
	
}
#menu a:hover {
	padding: 13px 0px;
	background-color: #6B9B0D;
	text-decoration: none;
	color: #FFFFFF;
	width:14.2%;
	
}
#content {
	width: 583px;
	height: 100%;
	float: right;
	margin-top: 5px;
	background-color: #FFF;
}
#content_detail {
	width: 583px;
	float: right;
	margin-top: 5px;
}
h1 {
	padding: 4px;
	margin: 4px;
	font-size: 110%;
	font-weight: bold;
	color: #202020;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F7CB33;
	text-align: left;
}

h2 {
        text-align: center;
	font-size: 200%;
	font-weight: normal;
	color: #FFFFFF;
        margin-top: 10px;
}
#pad {
	padding: 12px;
	color: #000000;
}
#oTransContainer  {
        filter: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward');
        width: 190px;
        height: 188px;
        padding: 15px;
        padding-right: 0px;
        float:right;
}
#footer {
	background-color: #F7CB33;
	font-size:12px;
	padding: 12px;
	width: 774px;
	color:#000000;
	text-align: center;
	line-height:25                                                              px;
	clear:both;
	border-top: 5px solid #FFFFFF;
}
#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
	color:#6B9B0D;
}
h4 {
	margin:0px; padding:0px;
	font-size: 150%;
	color: #5DBB5A;
	line-height:0px;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;opacity:1;
}
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;opacity:0.5; 
}

/*-------------------------------------modify css--------------------=--------------------------------*/
.title{ font-size:14px; height:30px; color:#333;line-height:30px; padding-left:20px; border-bottom: dotted 2px #ffcc33; background:url(images/arrow2.gif) no-repeat 5px center;} 
.box{ border:solid 1px #ccc; clear:both;}

.xk_detailPage {
	padding: 4px;
	margin: 4px;
	font-size: 16px;
	font-weight: bold;
	color:#333;
	text-align: left;
	
}
#para,#anli,#sameProducts{ float:left; width:100%;}
#sameProductsImgList{ list-style:none;}
#sameProductsImgList li{ text-align:center; float:left; margin-left:5px;}
#sameProductsImgList li img{ height:150px; width:180px;}
#anli img,#sameProducts img{
	border:solid 1px #efefef;
	width:180px;
	background-color: #ffffff;
}
#p_left{
	float: left;
	width:560px;
	text-align:left;
	padding:5px;
	color:#666;
	clear:both;
}

#p_left .small{font-size:11px;}

#p_right{ float:right; margin-top:10px; width:200px; text-align:center;}

#p_right img{}
.left{ float:left;}
.right{ float:right; margin-top:-40px; margin-right:10px;}
.center{ text-align:center;}

.redfont{color:#1ab006; font-size:14px; font-weight:bold; }
.yefont{color:#fe8f00;font-size:14px; font-weight:bold;}


h6{
	font-size:12px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-align:center;
	line-height:40px;
}

.icoset{
	float:left;
	margin-top:5px;
	padding:5px;
	border:1px solid #999;
	width:570px;
	}
.icoset	a { text-decoration:none;}

