@charset "utf-8";
/* CSS Document */
* {	margin:0; padding:0;}

html,body{ background:#000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#999; }

a { color:#666; font-size:12px; text-decoration:none;}
a:hover{ color:#999; text-decoration:none;}

img { border: none; }
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.align_l { text-align:left; }
.align_r { text-align:right; }
.align_c { text-align:center; }
.des { background-color:#f6f6f6; }

.btn_01 { border:none; background-color:#666; color:#eee; cursor:pointer; }
.btn_02 { border:1px solid #333; background-color:#222; padding:0 5px; color:#666; font-size:10px; }
#header #head_login * { font-size:12px; }
#header #head_login .btn_03 { height:17px; line-height:17px; border:1px solid #666; background-color:#000; color:#FF9900; }
#header #head_login .btn_04 { height:17px; line-height:17px; border:none; background-color:#666; color:#ccc; cursor:pointer; }

.page { color:#666; text-align:right; }
.page span { padding:0 3px; background-color:#333; color:#999; }
.addtofav_img { width:60px; height:60px; margin-bottom:15px; padding:5px; border:1px solid #666; }

#hutia { padding-left:5px;color:#f90; font-size:12px;}

input, select { vertical-align:middle; font-weight:normal;}


table.clz { border-spacing: 0; border:0; margin:20px 0; z-index:1; }
table.clz h1,table.clz h2,table.clz h3 { font-weight:normal; }
table.clz td,table.clz th { vertical-align:top;}
table.clz td.sidebar { padding:8px; width:250px; background:url(../images/sidebar_nav_bg.jpg) top repeat-x; height:500px; text-align:right; position:relative; border:1px solid #222; }
table.clz td.sidebar p { color:#666; }
table.clz td.sidebar p strong { color:#999; }
table.clz td.sidebar img.foot_img { position:absolute; left:0; bottom:10px; z-index:3; }
table.clz td.sidebar h2 { color:#960; font-size:24px; margin-bottom:25px; }
table.clz td.sidebar h3 a { display:block; height:20px; line-height:20px; font-size:12px; padding-right:20px; }
table.clz td.sidebar h3 a:hover {}
table.clz td.sidebar h3 a.current {background:url(../images/sidebar_li_bg.gif) no-repeat right 8px; color:#fff;}
table.clz td.content {  }
table.clz td.content .text_container { margin-left:10px; padding:20px 20px 100px 20px; width:530px; border:1px solid #222; min-height:500px; }
*html table.clz td.content .text_container { height:500px; }
*+html table.clz td.content .text_container { min-height:500px; }
table.clz td.content .text_container .text { text-align:justify; line-height:2em; }
table.clz td.content .text_container .text a { text-decoration:underline; }
table.clz td.content h1 { margin-bottom:30px; font-size:16px; color:#ccc;}
table.clz th { background:#f60 url(../images/base_center.gif) repeat-x; color:#fff; }

table.clz td.sidebar ul { z-index:4; }
table.clz td.sidebar ul li { margin-bottom:10px; text-align:center; }
table.clz td.sidebar ul li a img { padding:5px; text-align:center; border:1px solid #666; filter:alpha(opacity=60);opacity: 0.60;-moz-opacity: 0.60; }
table.clz td.sidebar ul li a:hover img,table.clz td.sidebar ul li a.current img { border-color:#999; filter:none; }

/* about */
#aboutid11 { background:url(../images/aboutback1.jpg) no-repeat bottom right; }
#aboutid12 { background:url(../images/aboutback2.jpg) no-repeat bottom right; }
#aboutid13 { background:url(../images/aboutback3.jpg) no-repeat bottom right; }
/* header */
#main { background:#000000 url(../images/main_bg.gif) repeat-x 0 0px; position:relative; }
#header { border-bottom:1px solid #222; }
#header #e_mail,#header #search,#header #head_login{ text-align:right; color:#ccc; }
#header #e_mail a,#header #search a{ text-align:right; color:#ccc; }
#header #e_mail img,#header #search img { vertical-align:middle; padding-top:2px; }

/* faqs */
.accordion h3 { background: url(../images/arrow-square.gif) no-repeat right -51px; padding: 7px 15px; margin: 0; border-bottom:1px solid #333; cursor: pointer; font-size:14px; color:#999; }
.des { background:url(../images/bg_0001.gif) repeat;padding:10px; }
.des p { margin-bottom:10px; }
.accordion h3:hover {  }
.accordion h3.active { background-position: right 5px;}


#recommend { margin-top:10px; }
#recommend .recom_new { border:1px solid #222; }
#recommend .recom_new a h2 { font-size:12px; cursor:pointer; padding-left:10px; overflow:hidden; background:url(../images/icon_right.gif) no-repeat 0 7px; }
#recommend .recom_new ul { padding-left:10px; }
#recommend .recom_new li a img { border:1px solid #333; padding:5px; filter:alpha(opacity=70);opacity: 0.70;-moz-opacity: 0.70; }
#recommend .recom_new li a:hover img { border:1px solid #666; filter:none;opacity: 1;-moz-opacity: 1; }
#recommend .recom_movie { border:1px solid #222; }

/* dock */
.dock { text-align: center; z-index:2; }
.dock-container { padding-left: 20px; }
a.dock-item { color: #fff; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; }
a.dock-item:hover { color:#FF9900; }
.dock-item img { border: none;  margin: 5px 10px 0px; }
.dock-item span { padding-left: 20px; }

/* products */
#pro_nav { font-size:12px; }
#pro_nav a { padding-right:5px; }

.product_sidebar .Product_third_nav { border:6px solid #666; background:url(../images/products_sidebar_bg.gif) repeat; }
.product_sidebar #sidebarid2 { border-color:#669900; }
.product_sidebar #sidebarid3 { border-color:#CC9900; }
.product_sidebar #sidebarid4 { border-color:#990066; }
.product_sidebar #sidebarid5 { border-color:#3366CC; }
.product_sidebar .pro_new, .product_sidebar .reg_guide, .product_sidebar .rss_guide { display:block; border:1px solid #666; margin-top:15px; }
.product_sidebar .reg_guide, .product_sidebar .rss_guide { padding:5px; }
.product_sidebar a.pro_new:hover { border-color:#999; } 
.product_sidebar h2 { font-weight:700; font-size:14px; text-align:center; border-bottom:2px solid #666; color:#999; margin-bottom:10px; padding:10px 0; }
.product_sidebar h3 { font-size:12px; }
.product_sidebar li { padding-left:10px; }
.product_sidebar li a { line-height:18px; display:block; font-size:14px; color:#666; }
.product_sidebar li a:hover,.product_sidebar li a.current { color:#999; }
 
.pro_list_wapper { margin-top:20px; color:#999; clear:both; }
.pro_list_wapper a.pro_img { display:block; width:160px; height:180px; }
.pro_list_wapper a.pro_img img { width:160px; }
.pro_list_wapper h2 a { padding-left:200px; display:block; font-size:18px; margin-bottom:10px; font-weight:normal; color:#c60; }
.pro_list_wapper ul { padding-left:200px; margin-top:10px; }
.new ul { padding:0; }
.icon_detail { margin-top:20px; }
.icon_detail a { padding:0 15px 0 0; line-height:60px; }
.pro_list_wapper p.detail { padding:10px 0 0 200px; word-break:break-all; word-wrap:word-break; overflow:hidden; line-height:2em; }
.pro_list_wapper h3 { padding-left:200px; font-weight:normal; font-size:12px; height:20px; line-height:20px; }
.pro_list_wapper h3.addtofav { position:absolute; height:40px; width:40px; top:30px; right:100px; }
.pro_list_wapper h3.addtofav a { display:block; width:150px; height:40px; text-align:right; }
.pro_list_wapper h3 span,.pro_list_wapper p.detail span.pp { width:85px; display:inline-block; text-align:left; color:#ccc; }
.pro_list_wapper li { float:left; padding-right:5px; }
.pro_list_wapper li a img { border:1px solid #666; padding:5px; }
.pro_list_wapper li a:hover img { border-color:#fff; }

.productinfo { margin:30px 0; }

.prodinfo_table h2 span a { padding-left:150px; background:url(../images/back.gif) no-repeat 140px 5px; font-size:12px; color:#f90; font-weight:normal; }
.prodinfo_table h2 span img { vertical-align:middle; }
.prodinfo_table p.detail { padding-top:10px; word-break:break-all; word-wrap:word-break; overflow:hidden; line-height:2em; }
.prodinfo_table h3 { font-weight:normal; font-size:12px; height:20px; line-height:20px; }
.prodinfo_table h3 span,.prodinfo_table p.detail span.pp { width:85px; display:inline-block; text-align:left; color:#ccc; }

/* login */
.login_title { margin-top:100px; text-align:left; padding-left:200px; font-size:14px; }
#login { width:450px; height:175px; margin:15px 0 150px 200px; color:#666; background:url(../images/login_bg.gif) repeat; border:1px solid #333; position:relative; }
#login .login_top { position:absolute; top:10px; left:10px; width:100%; }
#login .login_bottom { position:absolute; bottom:10px; left:10px; width:100%; color:#c60; }
#login form { position:absolute; width:300px; top:50px; left:60px; text-align:right; }
#login form img { width:70px; height:34px; }
.btn_img { cursor:pointer; }
.btn { height:15px; width:170px; border:1px solid #666; background-color:#000; color:#FF9900; }
#login a { color:#c60; }
#login a:hover { text-decoration:underline; }

.reg_title { margin:90px 0 10px 0; text-align:left; padding-left:0; font-size:14px; }
#reg_img { width:400px; position:absolute; left:0; top:240px; }
#reg { width:410px; height:276px; margin:20px 0 150px 420px; color:#666; background:url(../images/login_bg.gif) repeat; border:1px solid #333; position:relative; }
#reg .login_top { position:absolute; top:10px; left:10px; width:100%; }
#reg .login_bottom { position:absolute; bottom:10px; left:10px; width:100%; }
#reg form { position:absolute; width:390px; top:50px; left:0px; text-align:right; }
#reg form img { width:70px; height:34px; }
#reg form .btn { height:15px; border:1px solid #666; background-color:#000; color:#FF9900; }
#reg a { color:#c60; }

/* sitemap */
#sitemap { padding:50px 100px; }
#sitemap a:hover { text-decoration:underline; }
#sitemap h1 { font-size:16px; color:#f90; line-height:40px; }
#sitemap h2 { padding:10px 15px; background:url(../images/icon_right.gif) no-repeat 0 17px; border-top:1px dashed #333;}
#sitemap h2 a { font-size:12px; color:#999; font-weight:700; line-height:20px; }
#sitemap h3 {  padding:0 0 10px 30px; font-weight:normal; }
#sitemap h3 a { font-size:12px; color:#666; font-weight:normal; line-height:1em; }


/* footer */
#footer { background:url(../images/footer.gif) 0 -80px repeat-x; margin-top:10px; text-align:right; color:#333; font-size:9px; padding-right:15px; margin-bottom:20px; }