@charset "utf-8";
/* CSS Document */
body{
behavior:url("csshover2.htc");
margin:0px;
padding:0px;
width:100%;
font-size:13px;
*font-size:13px;
font-family:Arial, Helvetica, sans-serif;
background:#000;
z-index:1;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#dfdstudio{
overflow:hidden;
position:absolute;
bottom:-70px;
*bottom:-120px;!important;*bottom:-120px;;
z-index:10;
right:0px;
cursor:pointer;
}
#dfda{
	width:0px;
	height:0px;
	display:block;
	position:relative;
	z-index:11;
	padding-top:20px;
	padding-left:24px;
	overflow:hidden;
	background:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /*IE8*/
filter:alpha(opacity=1);  /*IE5、IE5.5、IE6、IE7*/
opacity: .01;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
}
#FlashID{
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

.clear{
clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  
.clearfix {
    zoom: 1;     
    display: block;    
    } 
.alt{
width:100%;
height:100%;
}
p{

}
a{
text-decoration:none;
}
img {
border:0px;
}
#mainarea{
	margin:auto;
	width:775px;
	border:1px solid #c6dde4;
}
#headarea{
position:relative;
z-index:2;
}
#head1{
	background:url(images/a_01.jpg);
	background-repeat:no-repeat;
	width:775px;
	height:52px;
	position:relative;
	z-index:32;
}
#head2{
	background:url(images/b_02.gif);
	background-repeat:no-repeat;
	width:775px;
	height:177px;
	margin-top:-11px;
}

#head3{
	background:url(images/a_04.jpg);
	width:775px;
	height:120px;
	margin-top:-40px;
	position:relative;

}
#head3 span{
position:absolute;
right:55px;
top:30px;
color:#FFFFFF;
}
#head4{
width:360px;
height:40px;
behavior: url(iepngfix.htc);
position:absolute;
right:0px;
bottom:0px;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
}
#midarea{
z-index:3;
position:relative;
overflow:visible;
}
#mr{
float:left;
position:relative;

width:590px;
}
#indexbox{
height:298px;
}
#ml{
z-index:4;
float:left;
width:185px;
background:url(images/c_06.png)!important;background:url(images/c_06.gif);
background-repeat:no-repeat!important;background-repeat:no-repeat;
height:348px;
margin-top:-50px;
position:relative;
}

#spbox{
background:url(images/b_10.jpg);
width:394px;
height:162px;
overflow:hidden;
position:absolute;
bottom:0px;
left:-22px;
}
#nbox{
background:url(images/b_12.jpg);
width:211px;
height:162px;
overflow:hidden;
position:absolute;
right:2px;
bottom:0px;
}
#footarea{
background:url(images/a_13.jpg);
height:24px;
width:100%;
text-align:center;
padding-top:10px;
color:#FFFFFF;
}
#navigation{
position:absolute;
right:10px;
top:-8px;
*top:5px;

}
#navigation ul{
background:url(images/a_04.png)!important;background:url(images/b_04.gif);
width:405px;
height:60px;
padding:0px;
list-style:none;
position:relative;
}
#navigation ul li{
cursor:pointer;
position:absolute;
height:40px;
z-index:3;
padding-top:20px;
text-align:center;
}
#navigation ul li a{
color:#FFFFFF;
}
#n1x{
width:105px;
left:0px;
}
#n1x:hover{
background:url(images/a_04.png);
*background:url(images/b_04.gif);
background-position:0px -63px;
}
#n2{
width:115px;
left:98px;
overflow:visible;
z-index:31;
}
#ppsition{
left:-5px;
top:45px;
position:absolute;
z-index:100;
display:none;
}
#ppsition:hover{
display:block;
}
.plist{
background:url(images/b_07.png)!important;background:url(images/b_07.gif);
height:25px;
width:119px;
padding-top:20px;
text-align:center;
}
.plist:hover{
background:url(images/b_07.png)!important;background:url(images/b_07.gif);
background-position:0px -63px!important;background-position:0px -63px;
}
#n2:hover{
background:url(images/a_04.png);
*background:url(images/b_04.gif);
background-position:-98px -118px;
}
#n2:hover #ppsition{
display:block;
}
#n3{
width:110px;
left:200px;
}
#n3:hover{
background:url(images/a_04.png);
*background:url(images/b_04.gif);
background-position:-200px -63px;
}
#n4{
width:110px;
left:295px;
}
#n4:hover{
background:url(images/a_04.png);
*background:url(images/b_04.gif);
background-position:-295px -118px;
}
#n5{
width:107px;
left:390px;
}
#n5:hover{
background:url(images/a_04.png);
*background:url(images/b_04.gif);
background-position:-390px -63px;
}
#innertext{
color:#858686;
padding:20px;
}
.redcolor{
color:#FF0000;
}
#dimg{
position:absolute;
top:53px;
z-index:10;
}
#p1title{
padding-top:23px;
padding-left:5px;
}
#p1title a{
color:#03C;
font-weight:bold;
}
#p1title a:hover{
color:#3CC;
}
#dimg1{
position:absolute;
right:-0px;
top:52px;
z-index:21;
}
#p1text{
padding-top:18px;
padding-left:15px;
color:#858686;
height:100px;
}
.pimg{
float:left;
display:inline;
margin-right:5px;
}
#p2{
margin-top:7px;
}
#p2title{
padding-top:23px;
padding-left:5px;
}
#p2text{
padding-top:18px;
padding-left:15px;
color:#858686;
padding-right:19px;
}

#p2title a{
color:#03C;
font-weight:bold;
}
#p2title a:hover{
color:#3CC;
}
#spboxtitle{
margin-top:5px;
margin-left:70px;
overflow:hidden;
background:url(images/a01.gif);
height:20px;
border:1px solid #158ab8;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:3px;
}
#spboxcontent{
margin-top:30px;
padding:10px;
padding-left:15px;
color:#858686;
}
#nboxtitle{
margin-top:5px;
margin-right:10px;
overflow:hidden;
background:url(images/a01.gif);
height:20px;
border:1px solid #158ab8;
float:right;
padding-left:10px;
padding-top:3px;
padding-right:10px;
}
#nboxcontent{
margin-top:30px;
padding:10px;
padding-left:15px;
color:#858686;
}
#productlist li{
float: left;
margin-right:30px;
}
#productlist li a{
color:#858686;
}
#productlist li a:hover{
color:#FFFFFF;
}
.piimgs{
float:left;
width:158px;
overflow:hidden;
height:123px;
margin:5px;
padding-top:1px;
position:relative;
border:1px solid #d1d3d4;
padding-bottom:5px;
}
.pimgx{
height:80px;
overflow:hidden;
width:135px;
margin:auto;
padding-top:5px;
text-align:center;
}
.ptitle{
padding:0px;
padding-left:5px;
margin:0px;
}
.psubtitle{
padding:0px;
padding-left:5px;
margin:0px;
color:#FF0000;
}


#mainimgdiv{
width:200px;
margin-left:0px;
overflow:hidden;
position:relative;
float:left;
margin-right:5px;
}
#mainimg{
position:relative;
}

.noline{
text-decoration:none;
color:#FF0000;
}
#mainimg:hover #enlageimg{
display:block;
}
.lightf{
}
.lightf:hover{
	color:#F00;
}
#epics img {
	margin-top:5px;
	margin-left:10px;
		margin-right:10px;
}
#imgdetail{
width:424px;
margin-right:0px!important;margin-right:0px;
position:relative;
float:right;
border:1px solid black;
}
#pn{
margin-top:70px;
height:24px;
width:100%;
margin-bottom:10px;
}
#pm{
height:24px;
color:#FFFFFF;
text-align:left;
padding-right:100px;
font-size:15px;
font-weight:bold;
}
.cul li{
margin-bottom:20px;
font-size:14px;
}
marquee{
font-size:24px;
}