﻿@CHARSET "UTF-8";

@import url"basic.css";

/*= Global style =*/
body{ background:#fff url(../images/hd-bg.png) repeat-x 0 0;color:#333;}
a:hover{color:#9c0;text-decoration:none;}
a.highlight{color:#83af00;}
#doc{font-size:77%;}
.col-sub,.col-extra{float:left;display:inline;}

.form .row .label{float:left;display:inline;}
.form .row .enter,.form .row span.tips,.form .row blockquote{float:left;}

.m-footer2 a{ color:#efefef;}
.m-footer2 a:hover{ color:#fff;}

a.btnwrap{text-decoration:none !important;}
.btnwrap{display:inline-block;height:26px;padding-right:4px;background:url(../images/buttons.png) no-repeat 100% -26px;overflow:hidden;margin-right:4px;_margin-right:8px;*margin-right:8px;*display:block;*float:left;}
.btnwrap .btn-inner{display:inline-block;height:26px;padding:0 6px 0 8px;background:url(../images/buttons.png) 0 0;border:none;line-height:26px;color:#000;text-decoration:none; width:150px;}

.btn-highlight{background-position:100% -78px;}
.btn-highlight .btn-inner{background-position:0 -52px;color:#000;}

.btn-h30{height:30px;padding-right:5px;background:url(../images/buttons-h30.png) no-repeat 100% -30px;}
.btn-h30 .btn-inner{height:30px;padding:0 6px 0 9px;background:url(../images/buttons-h30.png) 0 0;font:117% "Microsoft Yahei";line-height:30px;color:#D12C00;}
.btn-h30:hover{background-position:100% -90px;}
.btn-h30:hover .btn-inner{background-position:0 -60px;}

.img-align-left{display:block;float:left;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* 针对 Google Chrome、Safari 3.0、Opera 9 的CSS样式 */
.btnwrap .btn-inner{margin-right:-3px;}
.btn-h30 .btn-inner{margin-right:0;}
}
.layout-show-withpic{ width:100%;}
/*= Header style =*/
.pagetitle{ width:950px; margin:0 auto;}
#hd .sitename{width:350px;height:68px;float:left;padding:15px 0 10px 20px;}
#hd .sitename a{width:360px;height:68px;overflow:hidden;display:table-cell;vertical-align:middle;*display:block;*font-size:59px;}
#hd .sitename img{vertical-align:middle;max-width:350px;max-height:68px;}

#hd .language{float:right;height:25px; margin-top:10px;padding-right:10px;display:inline;}
#hd .language .language-inner{float:right;height:25px;line-height:20px;overflow:hidden;color:#bc9f65;padding-left:10px;}
#hd .language a{margin:0 0.8em 0 0.9em;color:#bc9f65;}

#hd .search{width:304px;height:25px;overflow:hidden;clear:both;margin-top:10px;float:right;display:inline;background:url(../images/search-bg.png) no-repeat;}
#hd .search .enter,
#hd .search .btn{float:left;display:inline;background:none;border:none;}
#hd .search .enter{width:245px;padding:1px 5px 1px 23px;height:23px;line-height:23px;color:#c8bda9;}
#hd .search .btn{width:30px; height:25px;}

.sitenav{ background:url(../images/nav-bg.jpg) repeat-x 0 0;border-bottom:1px solid #86b81a;}
.sitenav .menu-main{width:950px; margin:0 auto;}
.sitenav .menu-main ul{}
.sitenav .menu-main li,.sitenav .menu-main a,.sitenav .menu-main a span{float:left;}
.sitenav .menu-main li{position:relative;border-right:1px solid #61a307;border-left:1px solid #93cb1d;}
.sitenav .menu-main li.last-item{background:none;}
.sitenav .menu-main li a{display:block;height:43px;line-height:43px;padding:2px 20px 0;color:#fff;font-weight:bold;font-size:14px;white-space:nowrap;text-decoration:none;}
.sitenav .menu-main li a span{}
.sitenav .menu-main li a:hover,
.sitenav .menu-main li a:active,
.sitenav .menu-main li.open a{color:#000;background:url(../images/nav-hover.jpg) repeat-x 0 0;}
.sitenav .menu-main li a:hover span,
.sitenav .menu-main li a:active span,
.sitenav .menu-main li.open a span{}

.sitenav .menu-main li .menu-child,
.sitenav .menu-main li .menu-child a{background:#98c333;}
.sitenav .menu-main li .menu-child{position:absolute;width:225px;top:45px;left:-2px;display:none;padding:3px 0; border:1px solid #61a307; border-top:none;}
.sitenav .menu-main li .menu-child a{display:block;padding:0 13px 0 15px;float:none;font-weight:100;color:#fff;font:100% Arial;line-height:25px;height:auto;}
.sitenav .menu-main li .menu-child a:hover{ color:#000; background:#fff;}

#ShowPictureBox { width:300px; height:300px;overflow:hidden; }


/*= Content & layout style =*/

.layout-home .col-main{float:left;width:100%;min-height:1px;}
.layout-home .col-main .main-wrap{margin-right:410px;}
.layout-home .col-sub{width:360px;margin-left:-360px;}

.layout-innerpg .col-main{float:left;width:100%;min-height:1px;}
.layout-innerpg .col-main .main-wrap{margin-left:320px;}
.layout-innerpg .col-sub{ width:286px;margin-left:-100%; margin-top:50px;}

#banner-main{background:url(../images/banner-bg.png) repeat-x 0 0;}
#banner-main .banner-inner{width:950px;margin:0 auto;}
#banner-main img{display:block;width:950px;}

#bd{border-bottom:4px solid #d4d4d4; padding-bottom:20px;}
.bd-inner {width:1180px; margin:0 auto;padding:30px 10px 0; overflow: hidden; border-radius:5px; background:#efefef; margin-top:60px; min-height:400px;

      -webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
      -moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
      box-shadow:0 0 10px rgba(0, 204, 204, .5);  
	  }
.m-contact_wrap{ padding: 30px 20px;}

/*= Default block style =*/
.block,
.block-nohead{}
.first-block{margin-top:0;}
.last-block{margin-bottom:0;}
.block{}
.block .block-head .title{float:left;}
.block .block-head .links{float:right;}
.block .block-head .links a{margin-left:1em;}
.block .block-foot{ display:none;}
.block .block-content{padding:10px;}

.block .block-head .links a{margin-left:1em;}
.block .block-head .links .more{display:block;width:58px;text-indent:-9999px;background:url(../images/more.png) no-repeat 50% 50%;}

.layout-home .block .block-head,.col-main .block .block-head{ height:37px;border-bottom:3px solid #0c6db1;position:relative;}
.layout-home .block .block-head .head-inner,.col-main .block .block-head .head-inner{height:37px; line-height:37px;}
.layout-home .block .block-head .title,.col-main .block .block-head .title{font-size:14px;color:#797f70;border-bottom:3px solid #faa905;_border-bottom:0;}
.layout-home .block .block-head .links{position:absolute;right:0;bottom:-17px;background:#fff;}

.layout-home .col-main .block .block-head .title{background:url(../images/home-main-title.gif) no-repeat 0 4px;padding:0 5px 0 30px;}
.layout-home .col-sub .block .block-head .title{background:url(../images/home-main-title.gif) no-repeat 0 4px;padding:0 5px 0 30px;}
.layout-innerpg .col-main .block .block-head .title{padding:0 15px;}

.layout-innerpg .col-sub .block{background:url(../images/page-sub-block.png) no-repeat 0 100%;padding-bottom:5px;margin-bottom:10px;}
.layout-innerpg .col-sub .block .block-content{border-right:1px solid #b3b3b3;border-left:1px solid #b3b3b3;}
.layout-innerpg .col-sub .block .block-head{ height:32px; background:url(../images/page-sub-head.png) no-repeat 0 0;padding:0 10px;}
.layout-innerpg .col-sub .block .block-head .head-inner{height:32px; line-height:32px;}
.layout-innerpg .col-sub .block .block-head .title{font-size:14px;color:#717b62;padding-left:25px;background:url(../images/page-sub-title.png) no-repeat 0 5px;}

.news_intro{ font-size:14px; color:#888;  font-size: 14px;line-height: 25px;padding: 10px 30px;  border:1px solid #ccc;}

/*= Text content =*/
.content-text{line-height:180%;}
.content-text p{margin-bottom:0.8em;}

.content-text .img-align-left{border:#ccc 1px solid;margin:5px 12px 2px 0;padding:1px;}


/*= Multi-menu style =*/
.block .block-content ul.menu-list{}
.block .block-content ul.menu-list li{padding:0 0 0 15px;background:url(../images/arrow.png) no-repeat 5px 11px;height: 25px;overflow: hidden;}
.block .block-content ul.menu-list li.parent{background-image:url(../images/arrow-2.png);}
.block .block-content ul.menu-list li a{display:block;line-height:19px;padding:5px 0 4px;}
.block .block-content ul.menu-list li .sub_level_wrap{ padding-left:20px; font-size:12px;}


/*= Simple list =*/
.block .block-content .item-list,
.layout-home .menu-list-simple{}
.block .block-content .item-list li,
.layout-home .menu-list-simple li{padding:5px 5px 4px 17px;line-height:18px;height:18px;background:url(../images/arrow.png) no-repeat 5px 12px;}
.block .block-content .item-list li .date{margin-left:1em;font-size:77%;color:#999;}
.block .block-content .item-list li .catalog,
.list-table .title .catalog{margin-right:0.7em;}
.block .block-content .item-list li .catalog a,
.list-table .title .catalog a{color:#999;}
.item-list p{padding:5px 0;}

.layout-home .col-main .block .block-content .item-list{padding:0;}
.layout-home .col-main .block .block-content .item-list li{line-height:30px; padding:0 0 0 20px;text-align:right; background:url(../images/arrow.png) no-repeat 5px 12px;border-bottom:1px dotted #ccc;clear:both;overflow:hidden;}
.layout-home .col-main .block .block-content .item-list li a { float:left;}
.layout-home .col-main .block .block-content .item-list li .date { color:#5a5a5a; font-size:12px; font-style:normal;}

.layout-innerpg .col-main .block .block-content .item-list{padding:0;}
.layout-innerpg .col-main .block .block-content .item-list li{line-height:30px; padding:0 10px 0 20px;text-align:right; background:url(../images/arrow.png) no-repeat 5px 12px; border-bottom:1px dashed #dcdcdc; clear:both;overflow:hidden;}
.layout-innerpg .col-main .block .block-content .item-list li a { float:left;}
.layout-innerpg .col-main .block .block-content .item-list li .date {font-size:12px; font-style:normal;}

/*= Simple menu style =*/
.layout-innerpg .col-sub .block-menu-simple .block-content{padding:10px 0;}
.layout-innerpg .col-sub .block-menu-simple .block-content ul.menu-list-simple{ padding:0 10px;}
.layout-innerpg .col-sub .block-menu-simple .block-content ul.menu-list-simple li{ height:28px; padding:0 5px;}
.layout-innerpg .col-sub .block-menu-simple .block-content ul.menu-list-simple li a{ height:28px; line-height:28px; padding:2px 0 0 20px; display:block; background:url(../images/arrow.png) no-repeat 0 13px;}
.layout-innerpg .col-sub .block-menu-simple .block-content ul.menu-list-simple li a:hover{ background-position:5px 13px;}


/*= Gallery list =*/
.list-gallery{padding-left:10px;margin-right:-20px;}
.list-gallery li{float:left;width:140px;padding:10px 20px 5px 0;}
.list-gallery li .thumb{width:120px;height:95px;background:#fff; padding:2px; border:1px solid #ccc;-moz-border-radius:3px;-web-border-radius:3px;border-radius:3px;}
.list-gallery .hover .thumb{border:1px solid #0988f3;}
.list-gallery li .thumb a{width:120px;height:95px;overflow:hidden;display:block;}
.list-gallery li .thumb a img{width:120px;height:95px;display:block;}
.list-gallery li .des{line-height:25px;text-align:center;}
.list-gallery li .des p{overflow:hidden;}
.list-gallery li .des .default{height:21px;}
.list-gallery li .des .catalog a{color:#999;}

.layout-home .col-sub .list-gallery{padding-left:10px;margin-right:-25px;}
.layout-home .col-sub .list-gallery li{padding-right:25px;}

.layout-innerpg .col-main .list-gallery{padding-left:30px;margin-right:-20px; overflow: hidden;}
.layout-innerpg .col-main .list-gallery li{padding-right:20px;}

.layout-innerpg .col-sub .list-gallery{padding-left:0;margin:0;}
.layout-innerpg .col-sub .list-gallery li{padding-right:0;float:none;margin:0 auto;}

/*= Mixed list =*/
.list-mixed{padding:10px 15px;}
.list-mixed .entry{border-bottom:#ccc 1px dashed;padding:10px 0 10px 160px;}
.list-mixed .entry .thumb{margin-left:-160px;margin-top:3px;float:left;display:inline;}
.list-mixed .entry h3{font:133% "Microsoft Yahei";padding:0 0 8px; border-bottom: 1px dashed #D6D6D6;}
.list-mixed .entry h3 a{color:#333333;}
.list-mixed .entry h3 a:hover{color:#f00;}
.list-mixed .entry .des{line-height:180%;color:#999;padding-bottom:1.2em;padding-top:1.2em;}
.list-mixed .entry .detail{padding-top:0.7em;border-top:#dedede 1px dashed;}
.list-mixed .entry .detail .item{display:inline-block;margin-right:16px;*margin-right:20px;_margin-right:20px;}

.list-mixed .entry .thumb{width:140px;height:105px;padding:4px;border:#ccc 1px solid;}
.list-mixed .entry .thumb a{width:140px;height:105px;overflow:hidden;display:block;}
.list-mixed .entry .thumb a img{width:140px;display:block;}

/*= Table list =*/
.list-table{}
.list-table .data{width:100%;}
.list-table th,.list-table td{text-align:center;}
.list-table th{border-bottom:#2F8222 1px dashed;height:30px;font-weight:100;color:#8AACA7;}
.list-table td{color:#666;padding:7px 0 6px;line-height:180%;border-bottom:#ccc 1px dashed;}
.list-table .title{text-align:left;}
.list-table td.title{padding-left:18px;background:url(../images/arrow.png) no-repeat 5px 15px;}


/*= Contact block =*/
.block-contact .block-content{line-height:26px;}

/*= Vote block =*/
.form-vote{padding:0;}
.form-vote .vote-des{line-height:180%;}
.form-vote .vote-options{padding:5px 0;}
.form-vote .vote-options li{padding:4px 0 3px;}
.form-vote .vote-options .input{float:left;padding-top:3px;margin-right:6px;}
.form-vote .vote-options .des{float:left;}

/*= Links =*/
.link-list{}
.link-list li{padding:4px 0 3px;}
.link-list li img{display:block;width:88px;}


.block-content img{max-width:100%;height:auto;}
/*= friend-link =*/
.friend-link {
    margin-top:20px;}
.friend-link .friend-head{
	background: url(../images/home-head-bg.gif) repeat-x scroll 0 100% transparent;
    height: 40px;
    position: relative;}
.friend-link .friend-head .head-inner{
	height: 37px;
    line-height: 37px;}
.friend-link .friend-head .head-inner .title{ 
	background: url(../images/home-main-title.gif) no-repeat scroll 0 4px transparent;
    padding: 0 5px 0 30px;
    border-bottom: 3px solid #243213;
    color: #797F70;
    font-size: 14px;
    width:62px;
	}
.friend-link .friend-content{padding:5px 10px;}
.friend-link .friend-content .link-list{}
.friend-link .friend-content .link-list li{  
    float: left;
    padding: 10px 20px;
    width: 140px;
    text-align:center;}
.friend-link .friend-content .link-list li img{  
    border: 1px solid #E1E1E1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 6px #CCCCCC;
    padding: 5px;
    width: 130px;
    height:50px;}

/*= Login & user information =*/
.block-widget-user .form-login{}
.block-widget-user .form-login .label{width:86px;margin-left:0;line-height:30px;text-align:right;}
.block-widget-user .form-login .enter{padding:4px 0 0 0;}
.block-widget-user .form-login .enter input{border:#ccc 1px solid;-moz-border-radius:3px;-web-border-radius:3px;border-radius:3px;width:150px;padding:3px 2px 2px;}
.block-widget-user .form-login .enter input:focus{border-color:#999;}
.block-widget-user .form-login .buttons{padding:7px 0 5px 86px;}

.block-widget-user .userinfo{}
.block-widget-user .userinfo .welcome{line-height:180%;}
.block-widget-user .userinfo .links{padding-top:10px;line-height:140%;}
.block-widget-user .userinfo .links a{display:inline-block;padding-right:12px;border-right:#ccc 1px solid;margin-right:8px;color:#83af00;}
.block-widget-user .userinfo .links a.last{padding:0;margin:0;border:none;}


/*= Footer =*/
#ft{background:#5a5a5a url(../images/ft-bg.gif);border-top:1px solid #000;}
#ft a{color:#fff;}
#ft a:hover{ text-decoration:underline;}
#ft .ft-inner{width:950px;margin:0 auto;padding:10px 0;text-align:center;}
#ft .siteinfo{line-height:150%;padding:5px; color:#fff;}
#ft .ft-menu{height:24px;line-height:24px;padding:0 0;color:#fff;}
#ft .ft-menu a{margin:0 5px;}




/*= Innerpage =*/

/*= Form style =*/
.layout-innerpg .col-main .form{padding:10px 0;}
.layout-innerpg .col-main .form .row .label{line-height:21px;padding-top:2px;padding-bottom:2px;text-align:right;}
.layout-innerpg .col-main .form .row .content{float:left;padding:2px 3em 2px 0;line-height:21px;}
.layout-innerpg .col-main .form .row .enter{padding:0 1em 0 0;}
.layout-innerpg .col-main .form input.text,
.layout-innerpg .col-main .form select,
.layout-innerpg .col-main .form textarea{border:#ddd 1px solid;-moz-border-radius:3px;-web-border-radius:3px;border-radius:3px;padding:4px 2px 3px;}
.layout-innerpg .col-main .form input.text:focus,
.layout-innerpg .col-main .form select:focus,
.layout-innerpg .col-main .form textarea:focus{border-color:#999;}
.layout-innerpg .col-main .form .row .enter .check{float:left;margin-right:12px;}
.layout-innerpg .col-main .form .row .enter .check .input{float:left;padding-top:5px;margin-right:6px;}
.layout-innerpg .col-main .form .row .enter .check .des{float:left;line-height:21px;padding-top:2px;padding-bottom:2px;}

.layout-innerpg .col-main .form .row .label .required{margin-right:0.3em;font-weight:bold;color:#f00;}
.layout-innerpg .col-main .form .row .tips{padding:2px 0;line-height:21px;color:#999;white-space:nowrap;}
.layout-innerpg .col-main .form .row p.tips{clear:both;padding:0 7px 5px;}

.layout-innerpg .col-main .form .row{padding:5px 0 5px 106px; overflow: hidden; width:70%;}
.layout-innerpg .col-main .form .row .label{width:100px;margin-left:-106px;padding-right:6px;}
.layout-innerpg .col-main .form .row .buttons{padding:10px 0;}

.layout-innerpg .col-main .form blockquote{height:23px;padding:0 6px 0 27px;border:#F7ECAA 1px solid;line-height:23px;background:#FDFFD7 url(../images/icon-16.png) no-repeat 5px -117px;white-space:nowrap;}
.layout-innerpg .col-main .form blockquote.error{border-color:#FFBFBF;background-color:#FFEAEA;background-position:5px -147px;}
.layout-innerpg .col-main .form blockquote.accepted{border-color:#fff;background-color:#fff;background-position:5px -177px;color:#999;}
.layout-innerpg .col-main .form blockquote.loading{border-color:#fff;background:#fff url(../images/loading.gif) no-repeat 5px center;color:#DA6100;}

.layout-innerpg .col-main .form .row-submit blockquote{background-color:transparent;border:none;clear:both;margin:-5px 0 10px;}

.layout-innerpg .col-main .form .row .img-captcha{float:left;margin:2px 8px 0 -6px;display:inline;cursor:pointer;}


/*= Pagenation =*/
.pager{padding-top:10px;}
.pager .list{text-align:center;}
.pager .list a{color:#494949;background:#efefef;border:1px solid #d9d9d9;padding:2px 6px;margin:0 3px;}
.pager .list a:hover{color:#fffefe;text-decoration:none;background:#faa905;border:1px solid #faa905;}
.pager .list a:hover {  color:#fff;}
.pager .list span { margin-right:20px;}
.pager .list span em { color:#f00; font-style:normal;}
.pager .list .pager-nolink{ color:#999; margin-right:10px;}


/*= Register =*/
.layout-innerpg .col-main .form-reg{padding:38px 10px 40px;}

/*= Comments =*/
.layout-innerpg .col-main .form-comment{padding:0 10px;}

.commentslist{padding:0 20px;}
.commentslist a{color:#195D9E;}
.layout-innerpg .col-main .commentslist .form blockquote{background-color:transparent;border:none;margin-top:10px;}
.commentslist .entry{margin-bottom:10px;padding:0 10px;background:#FFFCF5;border:#F3E6C6 1px solid;-moz-border-radius:5px;-web-border-radius:5px;border-radius:5px;}
.commentslist .entry-head{line-height:30px;padding:2px 6px 0;border-bottom:#F9F0DB 1px solid;}
.commentslist .entry-head .author{float:left;color:#333;}
.commentslist .entry-head .meta{text-align:right;display:block;}
.commentslist .entry-head .meta .location{margin-right:1em;}
.commentslist .entry-content{padding:15px;line-height:180%;}
.commentslist .entry-body .operate{padding:15px 10px 10px;text-align:right;}
.commentslist .entry-body .operate a{margin:0 0.7em;}
.commentslist .comment-reply{margin:0 20px 10px;}
.commentslist .comment-reply .reply-show{padding:6px 15px 10px;background:#fff;border:#F3E6C6 1px solid;-moz-border-radius:5px;-web-border-radius:5px;border-radius:5px;}
.commentslist .reply-show .reply-head{line-height:25px;}
.commentslist .reply-show .reply-author{float:left;color:#f60;}
.commentslist .reply-show .reply-operate{float:right;}
.commentslist .reply-show .reply-operate a{margin:0 0.7em;}
.layout-innerpg .col-main .commentslist .comment-reply .form textarea{border-color:#ECD7A6;}
.layout-innerpg .col-main .commentslist .comment-reply .form textarea:focus{border-color:#f60;}
.commentslist .comment-reply .form .buttons{padding-top:10px;}
.commentslist .comment-reply .form .buttons input{height:24px;padding:0 5px;margin-right:0.3em;background:#fff;border:#D2D0D7 1px solid;-moz-border-radius:5px;-web-border-radius:5px;border-radius:5px;color:#999;cursor:pointer;}
.commentslist .comment-reply .form .buttons .submit{color:#fff;background:#597797;border-color:#000;font-weight:bold;}

.commentslist .entry-new{border-color:#f60;border-style:dashed;}

/*= Article view =*/
.layout-innerpg .col-main .block-article-view .block-content{}
.block-article-view .article-head{}
.block-article-view .article-head .title h1{color:#000;font:150% "Microsoft Yahei";padding:25px 20px 15px;font-weight:bold;}
.block-article-view .article-head .meta{padding:0 20px 8px;border-bottom:#ccc 1px dashed; text-align: right;}
.block-article-view .article-head .meta .item{margin-right:0.7em;}
.block-article-view .article-summary{padding:20px 40px 30px;color:#999;line-height:180%;}
.block-article-view .article-content{font-size:117%;line-height:200%;padding:0 25px 25px;}
.block-article-view .article-content p{padding-bottom:0.8em;}

.block-article-view .article-content .caption-image{padding:5px;border:#ddd 1px solid;line-height:18px;background:#f1f1f1;margin-bottom:1em;}
.block-article-view .article-content .caption-image img{display:block;}
.block-article-view .article-content .caption-image span{display:block;color:#888;text-align:center;font-size:88%;padding-top:5px;}
.block-article-view .article-content .caption-aligncenter{margin-left:auto;margin-right:auto;}
.block-article-view .article-content .caption-alignleft{float:left;margin:6px 20px 6px 0;}
.block-article-view .article-content .caption-alignright{float:right;margin:6px 0 6px 20px;}

.block-article-view .article-content a{color:#195D9E;}

.block-article-view .article-foot{text-align:right;padding:0 20px 10px;color:#999;}
.block-article-view .article-foot .item{margin-left:1em;}

/*= Gallery slide =*/
.layout-innerpg .col-main .block-products-detail .block-content,
.layout-innerpg .col-main .block-download-detail .block-content{}
.layout-show-withpic{}
.layout-show-withpic .col-main .main-wrap{margin:0 0 0 0;background:none; border:none;}
.layout-show-withpic .col-sub{width:281px;margin-left:-100%; background:none; padding-left:0; border:none;}
.layout-show-withpic .description{padding-top: 10px;}
.layout-show-withpic .description dl{
    border-top: 1px dashed #BCB09F;
    border-bottom: 0px;
    line-height: 25px;
    padding: 4px 0 3px 75px;}
.layout-show-withpic .description dl dt{
    display: inline;
    float: left;
    margin-left: -75px;
    padding-left: 10px;
    width: 80px;
    color: #999999;}
.layout-show-withpic .description dl dd{
    padding: 0 5px;}    

.block-content a.picholder{
	padding:1px;height:202px;overflow:hidden;border:3px solid #ccc;text-align:center;
	display:table-cell;width:273px;vertical-align:middle;
	+display:block;+font-size:176px;
}
.block-content a.picholder img{margin-left:auto;margin-right:auto;vertical-align:middle;max-width:273px;max-height:202px;}

.block-content h1{color:#195D9E;font:133%;padding:8px 0; text-align:center;}
.block-content dl{border-bottom:#bcb09f 1px dashed;padding:4px 0 3px 75px;line-height:25px;}
.block-content dl dt{width:80px;margin-left:-75px;float:left;display:inline;}
.block-content dl dd{padding:0 5px;color:#666;}
.block-content dl.price{line-height:35px;}
.block-content .marketprice{font-size:105;color:#555;}


#slide-showpic a.picholder{
	padding:1px;height:202px;overflow:hidden;border:3px solid #ebe9dc;text-align:center;
	display:table-cell;width:273px;vertical-align:middle;
	+display:block;+font-size:176px;
}
#slide-showpic a.picholder img{margin-left:auto;margin-right:auto;vertical-align:middle;max-width:273px;max-height:202px;}

#showpic-gallery{height:62px;margin:2px 0 0;overflow:hidden;}
#showpic-gallery a.button{display:block;width:20px;height:54px;background:#fff url(../images/slider.png) no-repeat;float:left;margin:6px 3px 0 0;text-indent:-10000px;}
#showpic-gallery a.prev{background-position:-58px 0;}
#showpic-gallery a.next{background-position:-78px 0;margin-right:0;}
#showpic-gallery .box{width:235px;height:62px;overflow:hidden;float:left;margin:0 3px 0 0;position:relative;}
#showpic-gallery .box ul{width:600px;position:absolute;top:0;left:0;}
#showpic-gallery .box ul li{width:54px;margin:6px 5px 0 0;float:left;border:0;padding:0;}
#showpic-gallery .box ul li a{display:block;width:48px;height:48px;padding:2px;border:#ddd 1px solid;overflow:hidden;}
#showpic-gallery .box ul li a img{display:block;width:48px;}
#showpic-gallery .box ul li.selected{width:58px;margin:0 5px 0 0;background:url(../images/slider.png) no-repeat 0 0;}
#showpic-gallery .box ul li.selected a{padding:9px 5px 5px;border:none;}

.layout-show-withpic .info h1{color:#195D9E;font:133% "Microsoft Yahei";padding:8px 0;}
.layout-show-withpic .info .details{min-height:172px;}
.layout-show-withpic .info .details dl{border-bottom:#DCE4D0 1px dashed;padding:4px 0 3px 75px;line-height:25px;}
.layout-show-withpic .info .details dl dt{width:80px;margin-left:-75px;float:left;display:inline;padding-left:10px;}
.layout-show-withpic .info .details dl dd{padding:0 5px;color:#666;}
.layout-show-withpic .info .details dl.price{line-height:35px; height: 35px;}
.layout-show-withpic .info .details .marketprice{font-size:105;text-decoration:line-through;color:#555;}

/*= Products detail =*/
.layout-show-withpic .info .btn-buy{margin-top:10px;}
.pro-param-list{padding:0;}
.pro-param-list li{width:190px;height:26px;padding:0 5px 0 0;line-height:26px;float:left;overflow:hidden;}

/*= Offer view =*/
.block-offer-detail .detail-head{border-bottom:#ccc 1px dashed;padding:10px 0; overflow: hidden;}
.block-offer-detail .detail-head .title{color:#999;float:left;}
.block-offer-detail .detail-head .date{float:right;color:#999;padding-top:20px;}
.block-offer-detail .detail-head .date span{font-size:12;color:#333;}
.block-offer-detail .block-content .title span{color:#000;font:133% "Microsoft Yahei";}
.block-offer-detail .detail-list{padding:15px 0 10px;width:280px;float:left;}
.block-offer-detail .detail-list .item{padding:5px 0 4px;line-height:180%;}
.block-offer-detail .detail-list .btn-resume{margin:15px 0 0;}
.block-offer-detail .description{padding-top: 10px;}
.block-offer-detail .description dl{
    border-top: 1px dashed #BCB09F;
    border-bottom: 0px;
    line-height: 25px;
    padding: 4px 0 3px 75px;}
.block-offer-detail .description dl dt{
    display: inline;
    float: left;
    margin-left: -75px;
    padding-top: 10px;
    width: 80px;}
.block-offer-detail .description dl dd{
    padding: 10px 5px 0;
    color:#333;}

/*= Download =*/
.download-url-list{padding:0 0 20px;}
.download-url-list li{padding:4px;line-height:27px;color:#666;}
.download-url-list .filename{margin-right:1em;}
.download-url-list .filename a{color: #999;text-decoration: none;}
.download-url-list .size{margin-right:1em;}
.download-url-list .btn-download{display:inline-block;padding-left:35px;width:58px;height:27px;background:url(../images/button-simple.png) no-repeat 0 0;color:#555;}

/*= Order list =*/
.block-order-list table.data .pro{text-align:left;}

/*= Vote =*/
.vote-view-content{padding:0;}
.vote-view-content .info{padding:0 11px 10px 13px;line-height:28px;color:#000;}
.vote-view-content .info .time{float:right;}
.vote-view-content .results .bar{height:30px;background:#F7F7F7;line-height:30px;overflow:hidden;}
.vote-view-content .results .list li{height:34px;border-bottom:#F7F7F7 1px solid;line-height:34px;overflow:hidden;_margin:0 0 -3px;}
.vote-view-content .results p{float:left;color:#999;height:34px;overflow:hidden;}
.vote-view-content .results p.num{width:52px;text-align:center;}
.vote-view-content .results p.option{width:200px;padding:0 4px;}
.vote-view-content .results .list p.option{color:#195D9E;font-size:14px;line-height:34px;}
.vote-view-content .results p.percent{width:205px;padding:0 4px;}
.vote-view-content .results .list p.percent{font-size:10px;line-height:34px;}
.vote-view-content .results p.votes{width:90px;text-align:center;float:right;}
.vote-view-content .results .list p.votes{color:#000;}
.percent-bar{
	position:relative;display:block;width:154px;height:13px;margin:10px 6px 0 0;float:left;
	background:#E2E2E2 url(../images/stat-bar-grey.png);overflow:hidden;
}
.percent-bar .orange{display:block;height:13px;background:#FD8E47 url(../images/stat-bar-orange.png);}

/*= Operata tip =*/
.operatetip{width:350px;padding:0 27px 125px;margin:94px auto 0;background-repeat:no-repeat;background-position:0 0;}
.operatetip .title{font-size:133%;line-height:23px;font-weight:bold;}
.operatetip .info{line-height:200%;margin:1em 0 0;}
.operatetip .buttons{margin:23px 2px 0;}
.operatetip-success{background-image:url(../images/info_success.gif);
}
.operatetip-success .title{color:#35a200;}
.operatetip-error{background-image:url(../images/info_error.gif);
}
.operatetip-error .title{color:#c1200e;}
.operatetip .direct{margin:11px 6px 0;color:#999;}

/*图集相册*/
	.game163{ position: relative; border: 2px solid #dcdddd; padding: 4px; overflow: hidden; width: 700px; margin:0 auto; background:#eee; border-radus:20px;}
	.game163 .bigImg{position: relative; height:389px;}
	.game163 .bigImg li img{ vertical-align:middle; width:700px; height:433px; }
	.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }

	.game163 .smallScroll{ height: 47px; margin-bottom: 6px; position:absolute; bottom:0; left:20px;}
	.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; }
	.game163 .sNext{ background-position: 0 -2698px;}
	.game163 .sPrev:hover{ background-position: 0 -3133px;}
	.game163 .sNext:hover{ background-position: 0 -2785px;}

	.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 260px; overflow: hidden;}
	.game163 .smallImg ul{ height:54px;  width: 9999px; overflow: hidden; }
	.game163 .smallImg li{ float: left; padding: 0 4px 0 0; width:62px; cursor:pointer;  display: inline;  }
	.game163 .smallImg img{ border: 1px solid #dcdddd; width:60px; height:45px;  }
	.game163 .smallImg .on img{ border-color: #1e50a2;}

	.game163 .pageState{ color:#fff; position: absolute; bottom: 10px; right: 5px; font-family: "Georgia", serif; letter-spacing: 1px;}
	.game163 .pageState span{ color: #fff; font-size: 28px; font-weight:bold;}


.baidumap{ width:860px;}


.side_contact_job{ width:203px; overflow:hidden; margin:0 auto;}
.side_contact_job a{ display:block; width:188px; height:55px; background:url(../images/side_job.jpg) -5px -7px no-repeat; margin-bottom:15px;}
.side_contact_job .job{ background-position:-5px -70px;}
.side_contact_job .contact{ background-position:-5px -7px;}
.side_contact_job .message{ background-position:-5px -134px;}
/*= -----------------------------------------------
    Custom style
    ----------------------------------------------- =*/

.m-main_list_style1{ width:100%; height:auto; overflow:hidden;}
.m-main_list_style1 li{ width:25%; height:230px; float:left; overflow:hidden;}
.m-main_list_style1 .thumba{ display:block; width:80%; padding:2px; height:150px; overflow:hidden; border:1px solid #ccc;}
.m-main_list_style1 .hover .thumba{border:1px solid #06C;}
.m-main_list_style1 img{ width:100%; height:100%;}
.m-main_list_style1 .hover img{ width:120%; height:120%;margin-top:-10%;margin-left:-10%;}
.m-main_list_style1 h4{ text-align:center; width:80%;}


.m-main_list_style2 { overflow:hidden; padding:20px 0 0 0; height:410px; overflow:hidden;}
.m-main_list_style2 li{width:200px; height:340px; float:left; position:relative;}
.m-main_list_style2 li .thumba{ display:block; border:2px solid #eee; width:176px; height:316px; overflow:hidden;}
.m-main_list_style2 li .thumba:hover{border:2px solid #ffff01;}
.m-main_list_style2 li img{width: auto; height:316px;}


.m-main_list_style3{ width:882px; height:auto; overflow:hidden;}
.m-main_list_style3 li{ width:255px; padding:4px; height:auto; float:left; overflow:hidden; margin-right:26px;_margin-right:13px; margin-top:20px;_margin-top:10px; border:1px solid #ccc;}
.m-main_list_style3 .hover{ border:1px solid #f66003;}
.m-main_list_style3 li .thumb{width:255px; height:220px; overflow:hidden;}
.m-main_list_style3 li .des{ height:45px; position:relative;}
.m-main_list_style3 li .more{ position:absolute; right:10px; bottom:5px; display:block; width:66px; font-size:12px; font-family:黑体; color:#fff; height:23px; line-height:23px; text-align:center; background:#86ab27;border-radius:3px;}
.m-main_list_style3 .hover .more{ background:#f66003}
.m-main_list_style3 .description{ font-size:12px; color:#aaa; line-height:20px;}
.m-main_list_style3 .meta_product{ font-size:12px; color:#aaa; line-height:20px;}
.m-main_list_style3 .price{ display:none; width:100px; position:absolute; left:10px; bottom:5px; font-size:18px; font-family:Verdana, Helvetica, sans-serif;}

.m-main_list_activity { overflow:hidden; padding:20px 0 0 0; overflow:hidden;}
.m-main_list_activity li{width:780px; height:125px; margin-bottom:10px; position:relative; border-bottom:1px solid #ccc;}
.m-main_list_activity li .thumba{ float:left; display:block; border:2px solid #eee; width:300px; height:109px; overflow:hidden;}
.m-main_list_activity .hover .thumba{border:2px solid #2e9900;}
.m-main_list_activity li img{width: 300px; height:109px;}
.m-main_list_activity li .info{ float:left; width:465px; height:125px; padding-left:10px;}
.m-main_list_activity li .info p{ text-indent:2em;}
.m-main_list_activity .hover .info a{color:#2e9900;}
.m-main_list_activity .hover .info p{ color:#2e9900;}
