/*
 * 功能：网站布局
 * 作者：Gavin
 * 创建时间：2008-10-27
 * 最后一次修改时间：2009-1-14 
---------------------------------*/

/* 外部容器
---------------------------------*/
#wrapper {
    width:950px;
    margin:0 auto;
}
/* 页头:header
---------------------------------*/
#header {
    position:relative;
    height:142px;
    border-bottom:1px solid #BFBFBF;
}
/* logo */
#logo {
    position:absolute;
    font-size:50px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    line-height:142px;
    color:#B02D18;
    left:10px;
    top:0;
}
#secondaryNav {
    width:165px;
    height:26px;
    background:url(secBg.gif) no-repeat 0 0;
    position:absolute;
    right:10px;
    top:0;
    text-align:right;
    padding-right:30px;
}
#secondaryNav li {
    float:right;
    display:inline;
    line-height:26px;
    margin:0 10px;
}
#login {
    position:absolute;
    text-align:right;
    right:10px;
    bottom:10px;
}
#login input {
    margin-right:10px;
}
.btnDefault {
    background:#fff;
    border-width:1px 2px 2px 1px;
    border-style:solid;
    border-top-color:#E8E8E8;
    border-right-color:#D1D1D1;
    border-bottom-color:#D1D1D1;
    border-left-color:#E8E8E8;
    font-size:11px;
    text-transform:uppercase;
    cursor:pointer;
    padding:0 10px;
*overflow:visible;  /*IE中input的padding值随长度变长增加bug */
}
#login ul {
    display:inline;
}
#login li {
    float:left;
    margin:0 4px;
    font-size:12px;
}
#login li a {
    background:url(listIcon01.gif) no-repeat 0 50%;
    padding-left:16px;
}
/* 主要内容区:main
---------------------------------*/
#main {
    overflow: hidden;
    text-align:left;
}
/* sidebar */
#sidebar {
    float:left;
    width:208px;
    border:1px solid #BFBFBF;
    border-width:0 1px 0 0;
    padding:20px 15px;
}
/* content */
#content {
    float:right;
    width:650px;
    display:inline;
    margin-right:25px;
    padding:10px 0 20px;
}
/* 以下代码片段使左右两列自适应高度 */
#main:after {
    content:'[DO NOT LEAVE IT IS NOT REAL]';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#main {
    display:inline-block;
}
/*\*/
#main {
    display:block;
}
/*\*/
#sidebar {
    padding-bottom:32767px !important;
    margin-bottom:-32767px !important;
}
@media all and (min-width: 0px) {
#sidebar {
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#sidebar:before {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}
/* 页脚
---------------------------------*/
#footer {
    border-top:1px solid #BFBFBF;
}
#footer #copyright {
    text-align:right;
    line-height:20px;
    padding:10px;
    text-transform:uppercase;
    font-size:11px;
    color:#959595;
    font-family:Verdana, Geneva, sans-serif;
}
#footer #copyright a {
    color:#CE2F4A;
}
#footer #copyright a:hover {
    text-decoration:underline;
}
/* 首页模块
---------------------------------*/
#showcase {
    height:598px;
    overflow:hidden;
}
#showcase img {
    height:598px;
}
.kwicks {
    /* recommended styles for kwicks ul container */
	list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    width:977px;
    height: 598px;
    overflow:hidden;
    background:#BFBFBF;
}
.kwicks li {
    /* these are required, but the values are up to you (must be pixel) */
	width:316px;
    height: 598px;
    /*do not change these */
	display: block;
    overflow: hidden;
    padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 1px; /*Set to same as spacing option. */
    float: left;

}
.kwicks.vertical li {
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 1px; /*Set to same as spacing option. */
}
#kwick_1 {
    background-color: #fff;
}
#kwick_2 {
    background-color: #fff;
}
#kwick_3 {
    background-color: #fff;
}
.kwicks.horizontal #kwick_3 {
    margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_3 {
    margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}
/* 侧栏菜单
---------------------------------*/
#subNav {
    margin-bottom:20px;
}
#subNav ul {
    width:100%;
    padding-top:10px;
}
#subNav ul li {
    font-size:12px;
    width:100%;
    float:left;
    background:url(listDiv01.gif) repeat-x 0 100%;
}
#subNav ul li.current {
    background-color:#f8f8f8;
}
#subNav ul li a {
    line-height:14px;
    display:block;
    background:url(listIcon01.gif) no-repeat 0 50%;
    padding:7px 0 7px 20px;
    text-transform:capitalize;
}
#subNav ul li.current a {
    color:#CE2F4A;
    font-weight:bold;
}
/* 内页内容区
---------------------------------*/
#function {
    min-height: 480px;
    height: auto !important;
    height: 480px;
    overflow: visible;
}
#crumbs a.current {
    color:#CE2F4A;
}
#filterForm {
    background:#F6F6F6;
    padding:20px 80px;
    margin:3px 0 10px;
}
#filterForm ul {
    text-align:center;
}
#filterForm li {
    float:left;
    width:100%;
    padding:10px 0;
    background:url(listDiv01.gif) repeat-x 0 100%;
}
#filterForm input, #filterForm select {
    margin-left:10px;
}
.mainTitle, #sidebar h2 {
    border-bottom:3px solid #CE2F4A;
    font-size:16px;
    font-weight:normal;
    height:32px;
    line-height:32px;
    position:relative;
    text-transform:capitalize;
    margin-top:10px;
}
.mainTitle span {
    font-size:11px;
    position:absolute;
    right:8px;
}
#sidebar h2 {
    font-weight:bold;
    display:inline;
    margin:0 0 10px 20px;
    padding:2px 0;
}
#contact {
    margin-bottom:20px;
}
#contact .content {
    background: url(listDiv01.gif) repeat-x 0 0;
    margin:10px 0;
    padding-top:1px;
}
/* 产品列表
---------------------------------*/
.productList {
    text-align:center;
    padding-bottom:20px;
}
.productList li {
    width:33.3%;
    float:left;
    text-align:center;
    overflow:hidden;
    margin-top:20px;
}
.productList li a {
    display:block;
    width:174px;
    margin:0 auto;
    border-bottom:10px solid #F6F6F6;
}
.productList li a img {
    border:#E5E5E5 1px solid;
    background:#fff;
    padding:1px;
    height:193px;
    width:170px;
}
.productList li a:hover img {
    border-color:#999;
}
.productList li a span {
    text-align:left;
    display:block;
    cursor:pointer;
    height:21px;
    width:154px;
    background:#F6F6F6 url(listDiv02.gif);
    line-height:21px;
    border:10px solid #F6F6F6;
    border-width:0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
}
.productList li a:hover span {
    color:#535353;
}
.productList li a strong {
    background:#F6F6F6;
    height:18px;
    line-height:18px;
    display:block;
    text-align:center;
    color:#B02D18;
    border:10px solid #F6F6F6;
    border-width:0 10px 10px;
}
.productList li a:hover strong {
    color:#000;
}
/* 产品系列 */
.mainTitle02 {
    margin:10px 25px;
}
#banner {
    width:843px;
    margin:0 auto;
    border:1px solid #E9E9E9;
}
.productList02 ul {
    width:855px;
    margin:0 auto;
    padding:5px 0;
}
.productList02 li {
    float:left;
    width:171px;
    text-align:center;
    height:213px;
    overflow:hidden;
    padding:5px 0;
}
.productList02 li a {
    display:block;
    width:161px;
    margin:0 auto;
}
.productList02 li a img {
    display:inline;
    border:1px solid #E8E8E8;
    width:159px;
    height:180px;
}
.productList02 li a span {
    display:block;
    width:161px;
    background-color:#F2F2F2;
    height:30px;
    line-height:30px;
    margin:1px auto 0;
}
.productList02 li a:hover img {
    border-color:#999;
}
.productList02 li a:hover span {
    background-color:#ddd;
}
/* 新闻列表
---------------------------------*/
.newsList {
    margin:0 auto;
}
.newsList li {
    float:left;
    line-height:14px;
    position:relative;
    text-align:left;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #ddd;
}
.newsList li a {
    background:url(listIcon01.gif) no-repeat 0 0;
*background-position:0 -2px;
    padding-left:20px;
}
.newsList li span {
    color:#999;
    position:absolute;
    right:10px;
}
/* 分页
---------------------------------*/
.pages {
    margin:30px 0;
    background:#F4F4F4;
    text-align:center;
}
.pages span, .pages a {
    display:inline;
    margin-right:4px;
    padding:0 8px;
}
.pages a:hover {
    border-color:#666;
    background:#fff;
}
.pages .current {
    border:none;
    background:#fff;
    font-weight:bold;
}
/* 提问功能、招聘功能
---------------------------------*/
.questionList dt, .jobList dt {
    font-weight:normal;
    margin-top:10px;
}
.questionList dt span, .jobList dt span {
    cursor:pointer;
    font-weight:bold;
    margin:0 4px;
}
.questionList dd, .jobList dd {
    border:#ccc 1px solid;
    padding:6px 10px;
}
/* 视频列表
---------------------------------*/
td.videoList a {
    background:#fff url(videoIcon.jpg) no-repeat left 50%;
    padding-left:25px;
}
div.videoShow {
    text-align:center;
    background:#fff;
    border:solid 1px #eee;
    width:80%;
    padding:10px;
    margin:0 auto;
}
div.videoShow h4 {
    width:80%;
    margin:0 auto;
    background:url(videoIcon.jpg) no-repeat left 50%;
    text-align:left;
    padding-left:25px;
    font-size:14px;
    height:50px;
    line-height:50px;
}
#mainContentSearch {
    margin:30px;
}
.searchTitle {
    border:1px solid #ddd;
    border-width:1px 0;
    padding:0 10px;
    line-height:22px;
    background:#f8f8f8;
}
.searchTitle a {
    background:url(listImg.gif) no-repeat right 50%;
    padding-right:10px;
}
#mainContentSearch strong {
    padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
    width:100%;
}
/* 网站地图
---------------------------------*/
#webmap {
    padding-bottom:20px;
}
#webmap dt {
    color:#975317;
    float:left;
    height:19px;
    line-height:19px;
    margin-top:20px;
    width:100%;
}
#webmap dt .dtBg01 {
    background:url(webmapBg.gif) no-repeat 100% top;
    float:left;
}
#webmap dt .dtBg02 {
    background:url(webmapBg.gif) no-repeat 0 -38px;
    float:left;
    line-height:19px;
    padding:0 10px;
}
#webmap dd {
    float:left;
    height:19px;
    line-height:19px;
    margin:4px 3px 0 0;
}
#webmap dd a {
    background:url(webmapBg.gif) no-repeat 100% -19px;
    float:left;
}
#webmap dd a span {
    background:url(webmapBg.gif) no-repeat 0 -57px;
    cursor:pointer;
    float:left;
    line-height:19px;
    padding:0 10px;
    white-space:nowrap; /* 强制不换行 */
}
#webmap dd a:hover {
    background-position:100% 0;
}
#webmap dd a:hover span {
    background-position: 0 -38px;
    color:#975317;
}
/* 新闻详细页
---------------------------------*/
.article h3 {
    border-bottom:1px solid #ddd;
    font-size:14px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin-top:30px;
}
.article .post{
    font-size:12px;}
.article .newsDate {
    line-height:22px;
    margin-bottom:16px;
    text-align:center;
}
/* 详细页导航
---------------------------------*/
.pageNav {
    margin:40px 0;
}
/* 相关新闻
---------------------------------*/
.relatedNews {
    padding:10px;
}
.relatedNews h3 {
    font-size:14px;
    margin-bottom:8px;
}
.relatedNews a {
    background:url(listIcon06.gif) no-repeat 0 50%;
    line-height:22px;
    padding-left:12px;
}
/* 产品详细页
---------------------------------*/
#productDetails {
    text-align:left;
    background:#F6F6F6 url(proBg01.gif) repeat-y 298px 0;
    margin-top:2px;
}
#productImages {
    float:left;
    border:1px solid #E8E8E8;
    padding:12px;
    width:272px;
    background:#fff;
}
#productInfo {
    float:right;
    width:330px;
    padding:10px 10px 10px 12px;
}
#large img {
    width:272px;
}
#proNav {
    text-align:center;
    margin:10px 0;
}
#proNav a {
    margin:0 10px;
}
#productImages h2 {
    background:url(proTitleBg.gif) repeat-x 0 50%;
    margin-top:10px;
    padding:10px;
}
#productImages h2 span {
    background:#fff;
    font-size:12px;
    color:#CE2F4A;
    padding:0 8px;
}
#productImages li {
    float:left;
    width:33.2%;
    text-align:center;
    margin-bottom:10px;
}
#productImages li a img {
    border:1px solid #EBEBEB;
}
#productImages li a:hover img {
    border-color:#999;
}
#productImages li span {
    display:block;
    width:78px;
    margin:0 auto;
    text-align:left;
    height:24px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
}
#productInfo h2 {
    color:#CE2F4A;
    font-size:18px;
    font-weight:normal;
}
#productInfo h3 {
    margin:10px 0;
}
#productInfo h3 span {
    border-bottom: 3px solid #CE2F4A;
    font-size:14px;
    text-transform: uppercase;
    font-family:"Arial Black", Gadget, sans-serif;
    line-height:30px;
}
#productInfo h4 {
    color:#CE2F4A;
    font-size:14px;
    margin:15px 0 5px;
}
.availableColor span {
    display:inline-block;
    margin-right:3px;
    width:14px;
    height:15px;
    border-width:1px;
    border-style:solid;
}
#category {
    border:1px solid #E0E0E0;
    background:#fff;
    padding:0 15px;
}
#byType {
    padding:8px 0;
    background:url(listDiv01.gif) repeat-x 0 100%;
}
#byMaterial {
    padding:8px 0;
}
#category h5 {
    float:left;
    width:64px;
    font-size:11px;
    font-weight:bold;
}
#category ul {
    float:right;
    width:230px;
}
#category li {
    float:left;
    line-height:18px;
}
#category ul.typeList li {
    width:49.9%;
}
#category ul.materialList li {
    padding-right:25px;
    white-space:nowrap;
}
/* 表单：左标签等宽右对
---------------------------------*/
fieldset {
    border:none;
    padding-left:120px;
}
fieldset legend {
    font-weight:bold;
    height:40px;
    line-height:40px;
*margin-left:-7px;
}
fieldset ol {
    list-style: none;
    margin-top: 1em;
}
fieldset li {
    display:inline;
    float: left;
    padding-bottom: 1em;
    width: 100%;
}
fieldset li label {
    float: left;
    line-height:20px;
    margin-right:1em;
    text-align: left;
}
fieldset li span {
    display:inline;
    float:left;
    line-height:18px;
    margin-left:10px;
    width:8em;
}
fieldset input.text, fieldset textarea {
    display:inline;
    float:left;
    font:12px Arial, Helvetica, sans-serif;
    outline:none;
    padding:2px;
    width:200px;
}
fieldset em {
    float:left;
    text-align:center;
    width:7px;
}
fieldset input.text2 {
    width:42px;
}
fieldset input.text3 {
    width:145px;
}
fieldset textarea {
    height:8em;
}
.button, .pageNav a {
    background:url(btnBg.gif) no-repeat 0 -48px;
    float:left;
    height:24px;
    line-height:14px;
    margin:0 10px 0 0;
    overflow:hidden;
    padding-left:4px;
}
.button input, .pageNav a span {
    background:url(btnBg.gif) no-repeat 100% 0;
    float:left;
    border:none;
    color:#666;
    cursor:pointer;
    font-size:12px;
    display:inline;
    height:24px;
    line-height:24px;
    outline:none;
    white-space:nowrap; /* 强制不换行 */
*overflow:visible;  /*IE中input的padding值随长度变长增加bug */
    padding:0 15px 0 11px;
}
.button:hover, .pageNav a:hover {
    background-position:0 -72px;
}
.button:hover input, .pageNav a:hover span {
    background-position:100% -24px;
    color:#1D7BC4;
}
.focusField {
    border:solid 1px #CE2F4A;
    background:#FFF2F4;
    color:#CE2F4A;
    padding:1px;
}
.idleField {
    background:#fff;
    border: solid 1px #DCDCDC;
    color:#535353;
    padding:1px;
}
/* 会员功能
---------------------------------*/
#member {
    position:relative;
    width:100%;
}
.btn {

    float:left;
    height:24px;
    line-height:24px;
    margin-right:10px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
    position:absolute;
    right:0;
    text-align:right;
    top:0;
}
#memberTools {
    position:relative;
    z-index:1;
    width:47px;
}
#iconSetting {
    position:absolute;
    right:0;
    top:0;
    z-index:3;
    width:47px;
    height:61px;
    background:url(iconSetting.png) no-repeat 0 0;
}
#memberTools ul {
    position:absolute;
    top:0;
    right:26px;
    border:1px solid #CFCFCF;
    width:120px;
    overflow:hidden;
    z-index:2;
    padding:1px;
}
#memberTools ul li {
    line-height:19px;
    height:19px;
    float:left;
    width:100%;
}
#memberTools ul li a {
    width:85px;
    padding-left:18px;
    display:block;
    background:url(listIcon20.gif) no-repeat 0 50%;
}
#memberTools ul li a:hover {
    background-color:#F5F5F5;
}
.font12 {
    font-size:12px;
}
#productTypePwd {
    margin:30px 0;
}
#productTypePwd legend {
    font-size:14px;
}
/* 图片展示 */
   #showbox {
    margin:10px auto;
    border:1px solid #ddd;
    width:800px;
    height:620px;
    overflow:hidden;
}
#imageContainer {
    height:580px;
    width:800px;
    overflow:hidden;
    position:relative;
}
#imageHandle {
    position:absolute;
    left:0;
    top:0;
    cursor:move;
    float:left;
}
#imageController {
    padding:10px;
    text-align:right;
}
#imageController a {
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url(imageViewBg.gif);
    background-repeat:no-repeat;
    margin:0 10px;
}
#imageController a#btnZoomIn {
    background-position:0 0;
}
#imageController a#btnZoomOut {
    background-position:0 -100px;
}
#imageController a#btnRestore {
    background-position:0 -200px;
}
#imageController a#btnPrev {
    background-position:0 -328px;
}
#imageController a#btnNext {
    background-position:0 -284px;
}
#imageHandle img{
    width:1500px;
    height:1125px;}
.readMore{
    display:inline-block;
    padding-left:20px;
    line-height:20px;
    background:url(zoom.gif) no-repeat 0 3px;
    font-size:12px;
    text-align:left;
    width:220px;
    margin-left:10px;}