/************
 Public Style
 ************/
html, body { width:100%; height:100%; *overflow:hidden
}
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, fieldset, img { margin:0; padding:0 }
body { background:#fff; font:12px/150% Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center }
ul, ol { list-style:none }
fieldset, img { border:0 }
input, select { vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#000; text-decoration:underline }
.wrap { clear:both; width:903px; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.c { clear:both }
.l { float:left }
.r { float:right }
/************
 Main Style
 ************/
.location { clear:both; width:900px; margin:30px auto 0; padding:0 5px; font-size:9px; color:#333; text-align:right }
.location a { color:#666 }
.drawOutBorder { clear:both; width:900px; border:#333 1px solid; margin:0 auto; padding:3px; text-align:left }
.drawInBorder { border:#333 1px solid; *display:inline-block
}
.drawInBorder:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#leftOutBorder { float:left; width:180px; border-right:#333 1px solid; padding:0 3px 0 0 }
#leftInBorder { border-right:#333 1px solid }
.edgeBar { clear:both; border-bottom:#333 1px solid; background:#f9f9f9; line-height:24px; font-weight:bold; text-align:center }
.edgeCon { clear:both; *display:inline-block;
padding:5px; _padding:5px 5px 3px }
.edgeCon li { float:left; width:49.9%; height:40px; margin:2px 0; vertical-align:bottom; text-align:center }
.edgeCon li:after, .edgeCon:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.edgeCon li img { vertical-align:bottom; width:70px; height:40px }
.edgeCon li b { display:none }
.edgeCon li.s1 { position:relative; height:42px; margin:1px 0; text-align:left }
.edgeCon li.s1 p { position:absolute; left:0; top:0; width:166px; border:#ccc 1px solid; background:#fff }
.edgeCon li.s1 p img { float:left; display:inline; margin:0 6px }
.edgeCon li.s1 p b { float:left; display:inline; width:78px; line-height:120%; padding:3px; font-weight:normal; font-size:9px; color:#333 }
.edgeCon li.s2 { position:relative; height:42px; margin:1px 0; text-align:right }
.edgeCon li.s2 p { position:absolute; right:0; top:0; width:166px; border:#ccc 1px solid; background:#fff }
.edgeCon li.s2 p img { float:right; display:inline; margin:0 6px }
.edgeCon li.s2 p b { float:right; display:inline; width:78px; line-height:120%; padding:3px; font-weight:normal; font-size:9px; color:#333 }
.stoneBar { clear:both; border-top:#333 1px solid; border-bottom:#333 1px solid; background:#f9f9f9; line-height:24px; font-weight:bold; text-align:center }
.stoneCon { clear:both; padding:10px 5px; overflow:auto; *display:inline-block
}
.stoneCon li { float:left; width:33.2%; margin:2px 0; vertical-align:bottom; text-align:center }
.stoneCon li img { vertical-align:bottom; width:48px; height:18px }
.link { clear:both; border-top:#333 1px solid; padding:5px; *padding:5px 5px 7px;
_padding:5px; *margin:1px 0 0;
_margin:2px 0 0; overflow:auto; *display:inline-block
}/*IE BUG*/
.link li { float:left; width:49.9%; margin:2px 0; vertical-align:bottom; text-align:center }
.link a { display:block; vertical-align:bottom; width:80px; height:20px; border:#333 1px solid; font-size:10px; font-weight:bold }
.link a:hover, .link li.s a { background:#e5e5e5; color:#000 }
#right { float:right; width:714px; position:relative }
#right .index, #right .list, #right .detail, #right .product, #right .processing, #right .productDetail, #right .cfcontent, #right .stoneColor, #right .stoneColorDetail { height:391px; border-bottom:#333 1px solid; padding:10px 40px 10px 10px; overflow:auto; *display:inline-block
}
#right .list ul, #right .product { overflow:auto; *display:inline-block
}
#right .list li, #right .product li { float:left; width:25%; vertical-align:bottom; text-align:center }
#right .list li img { display:block; margin:12px auto 2px }
#right .listAdd li img{border:#e5e5e5 1px solid; padding:1px; margin:10px auto 0}
#right .index { padding:10px }
#right .index img { width:690px; height:380px }
#right .detail { padding:10px 20px }
#right .detail h1 { font:normal 12px/24px Arial, Helvetica, sans-serif; text-align:center }
#right .detail h2 { border-top:#666 1px solid; border-bottom:#666 1px solid; padding:20px 0; margin:10px 0; text-align:center }
#right .detail h2 img { width:333px; height:250px }
#right .detail h3 { font:normal 11px Arial, Helvetica, sans-serif }
#right .product { height:386px; padding:15px 40px 10px 10px; overflow:visible }
#right .product li { height:76px; margin:9px 0 }
#right .product li p { display:inline-block; border:#ccc 1px solid; background:#fff; padding:2px }
#right .product li p { *display:inline
}
#right .product li img { vertical-align:bottom; width:140px; height:70px }
#right .product li b { display:none }
#right .product li.s { position:relative }
#right .product li.s p { position:absolute; left:10px; top:0 }
#right .product li.s p img { border-bottom:#e5e5e5 1px solid; margin:0 0 1px }
#right .product li.s p b { display:inline-block; width:130px; background:#f9f9f9; padding:2px 5px; line-height:150%; font-weight:normal; font-size:10px; color:#444; word-break:break-all; word-wrap:break-word; overflow:hidden }
#right .product li.s p b { *display:inline
}
#right .productDetail { height:361px; padding:50px 40px 0 }
#right .productDetail .l { float:left; width:380px }
#right .productDetail .l img { width:368px; border:#ccc 1px solid; padding:5px }
#right .productDetail .r { float:right; width:182px; border:#ccc 1px solid; padding:5px 20px 10px; font-size:11px }
#right .productDetail .r b { display:block; border-bottom:#ccc 1px solid; margin:0 0 10px; line-height:200%; text-align:center }
#right .stoneColor { height:396px; padding:15px 40px 0 10px; overflow:visible }
#right .stoneColor li { float:left; width:19.9%; height:41px; margin:6px 0; vertical-align:bottom; text-align:center }
#right .stoneColor li p { display:inline-block; border:#ccc 1px solid; background:#fff; padding:2px }
#right .stoneColor li p { *display:inline
}
#right .stoneColor li img { vertical-align:bottom; width:110px; height:35px }
#right .stoneColor li b { display:none }
#right .stoneColor li.s { position:relative }
#right .stoneColor li.s p { position:absolute; left:8px; top:0 }
#right .stoneColor li.s p img { border-bottom:#e5e5e5 1px solid; padding:0 0 2px; margin:0 0 1px }
#right .stoneColor li.s p b { display:inline-block; width:100px; background:#f9f9f9; padding:2px 5px; line-height:150%; font-weight:normal; font-size:10px; color:#444; word-break:break-all; word-wrap:break-word; overflow:hidden }
#right .stoneColor li.s p b { *display:inline
}
#right .stoneColorDetail { height:361px; padding:50px 40px 0 }
#right .stoneColorDetail .l { float:left; width:380px; }
#right .stoneColorDetail .l img { width:368px; _height:expression(this.offsetHeight > 306 ? 306 : this.offsetHeight);
max-height:306px; overflow:hidden; border:#ccc 1px solid; padding:5px }
#right .stoneColorDetail .r { float:right; width:234px }
#right .stoneColorDetail .r h1 { border:#ccc 1px solid; padding:10px; margin:0 0 10px; font:normal 11px/180% Arial, Helvetica, sans-serif }
#right .stoneColorDetail .r h2 { _height:184px; min-height:184px; border:#ccc 1px solid; padding:10px; font:normal 11px Arial, Helvetica, sans-serif }
#right .processing li { float:left; width:33.2%; font-size:11px; text-align:center }
#right .processing li p { display:block; width:190px; height:143px; border:#ccc 1px solid; margin:20px auto 5px; padding:2px; overflow:hidden }
/*#right .processing li img { display:block; margin:0 auto; _width:expression(this.offsetWidth > 190 ? 190 : this.offsetWidth);
max-width:190px; _height:expression(this.offsetHeight > 143 ? 143 : this.offsetHeight);
max-height:143px }*/
#right .processing li img { display:block; margin:0 auto; width:190px; height:143px }
#right .contactUs { float:left; display:inline; width:250px; padding:10px; line-height:150%; font-size:10px }
#right .feedback { float:right; display:inline; width:370px; background:#f9f9f9; padding:10px }
#right .feedback li { vertical-align:bottom; overflow:auto; *display:inline-block
}
#right .feedback span { color:#f00 }
#right .feedback li b { float:left; display:inline; width:100px; padding:3px; line-height:20px; font-size:11px; font-weight:normal; text-align:right }
#right .feedback li p { float:right; display:inline; width:240px; padding:3px }
#right .feedback li input { border:#666 1px solid; background:#fff }
#right .feedback li textarea { height:50px; border:#666 1px solid; overflow:auto }
#right .feedback li.btn { padding:10px 0 10px 15px; text-align:center }
#right .page { position:absolute; right:0; top:10px }
#right .page .p, #right .page .n { border:0; font:normal 9px/100% Verdana, Arial, Helvetica, sans-serif }
#right .page .p { border-bottom:#ccc 1px solid; background:#fff url(/images/Template13/page_top_bg.gif) no-repeat; padding:50px 0 5px }
#right .page .n { border-top:#ccc 1px solid; background:#fff url(/images/Template13/page_bottom_bg.gif) left bottom no-repeat; padding:5px 0 50px }
#right .page li { border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; border-left:#707070 1px solid; background:#fff; margin:-1px 0 0; padding:2px 3px; font-weight:bold; text-align:center }
#right .page li.s { background:#e5e5e5 }
#right .page li.s a { color:#f00 }
#right .nav { position:absolute; right:23px; top:380px; text-align:right }
#right .nav li { display:inline }
#right .nav li a { display:inline-block; border:#333 1px solid; background:#fff; margin:0 2px; padding:0 5px; font-size:10px; font-weight:bold }
#right .nav li a { *display:inline
}
#right .nav li a:hover, #right .nav li.s a { background:#e5e5e5; color:#000 }
.rigth .foot { overflow:auto; *display:inline-block
}
#right .foot div { height:48px; position:relative; padding:25px 0 0 }
#right .foot p { border-right:#333 1px solid; border-bottom:#333 1px solid; padding:0 10px; line-height:180%; font-size:10px; font-weight:bold; position:absolute; left:0; top:0 }
#right .foot .l { width:320px }
#right .foot .l h1 { border-bottom:#333 1px solid; padding:0 0 5px; font:bold 18px Arial, Helvetica, sans-serif; text-align:center }
#right .foot .l ul { padding:5px 5px 0; overflow:auto; *display:inline-block
}
#right .foot .l li { float:left; width:19.9%; vertical-align:bottom; text-align:center }
#right .foot .l li img { width:50px; height:20px; border:#e5e5e5 1px solid; padding:2px }
#right .foot .m { float:left; width:140px; border-left:#333 1px solid; border-right:#333 1px solid; padding:30px 10px 10px; line-height:150%; font-size:11px }
#right .foot .r { width:232px; padding:30px 0 0; text-align:center }