@charset "utf-8";
/* CSS Document */

/* css for the whole page */
body {margin:0; background-color:#000000;}
* {font-size:11px; font-family: Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF;}

div,ul,li,form,img {margin: 0; padding: 0; border: 0; list-style:none;}

/* 字体,颜色,链接css */

a {color:#ffffff; text-decoration:none;}
a:hover {color:#A0A0A0;}

.bold{font-weight:bold;}
.left {text-align:left;}
.right {text-align:right;}
.fleft {float:left;}
.fright {float:right;}

.f12 {font-size:12px;}
.f11 {font-size:11px;}
.f10 {font-size:10px;}

.gray { color:#959595;}
.orange { color:#FBAF5D;}
.orange a { color:#FBAF5D; text-decoration:none;}
.orange a:hover { color:#FBAF5D; text-decoration:underline;}

/* 空行css */

.blank_h10 {width:100%; height:10px; margin:0 auto; overflow:hidden; clear:both;}
.hack {clear: both; display: block; height:1px; margin:0; overflow:hidden;}

/* 通用元素 */

#main { display:block; height:100%; overflow:hidden;}
#mainhead {width:1003px; height:85px; margin:0 auto; margin-top:4px; background-image:url(../images/altex_001.gif);}
#mainhead ul { float:right; padding:2px 5px;}
#mainhead li { display:block; float:left; padding:3px;}
#mainhead img { border:1px solid #555555;}
#mainnav {width:1003px; height:30px; margin:0 auto; margin-top:6px; border-bottom:1px solid #545454;}
#mainnav table {margin-left:44px;}
#mainnav td {padding-right:20px;}
#mainnav td a {display:block; height:30px; line-height:30px; padding:0 15px;}
#mainnav td a:hover { background-color:#383838;}
#mainnav td span a { background-color:#383838; color:#A0A0A0;}

#mainbody {width:1003px; margin:0 auto;}
#leftpic {float:left; margin-left:60px; _margin-left:30px; width:708px; height:437px;}
#leftpic li { padding:20px; width:90px; float:left; display:block; line-height:16px;}
#leftpic li a { display:block; padding-bottom:5px;}
#leftmenu {float:left; margin-left:40px; _margin-left:20px; width:132px; height:437px; background-color:#222222;}
#leftmenu ul {padding-top:5px;}
#leftmenu li {display:block; margin:2px 0;}
#leftmenu li a { padding:0 6px; line-height:20px; color:#A0A0A0; display:block;}
#leftmenu li a:hover { background-color:#383838;}
#leftmenu span {padding:0 6px; line-height:20px; color:#A0A0A0; display:block; background-color:#383838;}
#centerpic {float:left; width:630px; height:437px; overflow:hidden;position:relative; background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:center;}
#rightmenu {float:left; width:200px; height:437px;}
#rightmenu li {display:block; overflow:hidden; margin:0; padding:0;}
#rightmenu .tittle {height:40px; line-height:40px; font-size:13px; padding-left:10px;}
#rightmenu .opmenu { margin-bottom:10px;}
#rightmenu .opmenu li { margin:1px 0; background-image:url(../images/altex_002.gif); padding:7px 15px;}
#rightmenu .opmenu li a { font-size:12px; color:#A0A0A0;}
#rightmenu .opmenu li a:hover {color:#ffffff;}
#thumbarea {padding:0 20px; width:120px; height:250px; position:relative; overflow:hidden;}
#thumbarea #thumbs {position:absolute; height:10000px; width:120px;}
#thumbarea #thumbs li {display:block; padding:1px 0; cursor:pointer;}
.textarea {padding:0 20px; width:150px; font-size:12px;}
.textarea2 {padding:0 20px; width:150px; font-size:11px;}
.textarea3 {padding:0 0 0 20px; width:170px; font-size:11px;}
.textarea4 {padding:15px 0 0 20px; width:180px; line-height:13px;}
.imgdark {filter:alpha(opacity=70); opacity:0.7;}
.imgbright {filter:alpha(opacity=100); opacity:1;}
.thumbarrow {width:160px; padding:3px 0; text-align:center; display:block;}

.imgnav {position:absolute; height:437px; width:40%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; filter:ALPHA(opacity=0); opacity:0;}
#previmg:hover {opacity:1; filter:alpha(opacity=50); opacity:0.5;}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; filter:ALPHA(opacity=0); opacity:0;}
#nextimg:hover {opacity:1; filter:alpha(opacity=50); opacity:0.5;}

#mainbottom {width:1003px; height:33px; margin:0 auto; line-height:33px; font-size:10px; color:#999999; text-align:center; border-top:1px solid #545454; border-bottom:1px solid #545454; clear:both; display:block;}


.thumb_step #thumbarea {padding:0 20px; width:64px; height:145px; position:relative; overflow:hidden; margin:10px 0;}
.thumb_step #thumbarea #thumbs {position:absolute; height:10000px; width:64px;}
.thumb_step #thumbarea #thumbs li {display:block; padding:1px 0; cursor:pointer;}
.thumb_step #thumbarea #thumbs li img { width:64px; height:44px;}

.contactright1 { width:100%; height:70px; background-color:#323232;}
.contactright2 { padding:20px; height:327px; background-color:#212121;}
.contactright2 a { font-size:12px; line-height:21px;}

#indexbody { width:1004px; height:473px; background-image:url(../images/index_pic.jpg); background-position:bottom; background-repeat:no-repeat;}
#sellanguage {float:right; width:430px; margin-top:60px;}
#sellanguage .tittle { line-height:30px; font-size:12px; height:50px;}
#sellanguage li { display:block; float:left; padding-right:10px;}

#showpic {float:left; width:600px; height:437px; overflow:hidden; position:relative; border-left:1px solid #666666; border-right:1px solid #666666; background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:center;}
.imgnav2 {position:absolute; height:437px; width:50%; z-index:100; outline:none; cursor:pointer}
#thumbarea2 {padding:0 20px; width:120px; height:280px; position:relative; overflow:hidden;}
#thumbarea2 #thumbs {position:absolute; height:10000px; width:120px;}
#thumbarea2 #thumbs li {display:block; padding:1px 0; cursor:pointer;}
#renderingsbody {width:802px; margin:0 auto;}

.video_pic { width:150px; border-right:1px solid #555555; height:100%; float:left;}
.video_pic li { display:block;}
.video { float:left; padding:10px;}