/*
Theme Name: Hssy
Theme URI: http://wordpress.org/themes/twentytwelve
Author: Zhiqiang Li
Author URI: http://wordpress.org/
Description: this theme is a personal project
Version: 1.0

*/

/**
 * =RED= #E03837;
 */



/**	
 * seter
 */


/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd,
del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6,
header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p,
pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th,
thead, time, tr, tt, u, ul, var, video, xmp {border: 0; margin: 0; padding: 0; font-size: 100%; }

html, body {color:#4C4C4C;font-weight: normal;height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}


/**
 * remove all the bold font style
 */
h1,h2,h3,h4{
    font-weight: normal;
}

b, strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol, ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is trigge#E03837.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td, caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

sub, sup, small {
  font-size: 75%;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}



/**
 * =style
 */

body {
    margin:0px;
    background:#fdf6f0;
}

.body-area{
    width:1280px;
    margin-left:auto;
    margin-right:auto;
}


.main {
    font-family:'微软雅黑', Arial, helvetica;
    width:100%;
    min-width: 1280px;
    margin-left:auto;
    margin-right:auto;
}


.ceil{
    width:100%;
    min-width: 1280px;
    margin-left:auto;
    margin-right:auto;
}

.inner-ceil{
    width: 1280px;
    margin-left:auto;
    margin-right:auto;
}

.fullwidth {
    width:100%;
    min-width: 1280px;
    height:133px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    background:url(img/topbg.jpg) repeat-x;
}

.normalwidth {
    width: 853px;
    height:86px;
    margin-left: auto;
    margin-right: auto;
}

.normalwidth  li {
    list-style: none;
    display: inline;
}
.phonenumber ul {
    padding-top: 26px;
    height: 20px;
    text-align: right;
    margin-bottom: 8px;
}
.phonenumber li {
    font-family: '黑体', '宋体', Verdana, Arial;
    font-size: 12px;
    color: #C8A062;
}

#s {
    background: url(img/searcharea.png) no-repeat;
    border: 0px;
    width: 103px;
    height: 18px;
}

#searchbutton {
    cursor: pointer;
    position: relative;
    border: 0px;
    width: 17px;
    height: 18px;
    background: url(img/searchbutton.png) no-repeat;
}

.social {
    font-family: '微软雅黑', "宋体", Verdana, Arial;
    display: inline;
    float: right;
    overflow: hidden;
    height: 32px;
}

.social form {
    overflow: hidden;
    display: inline;
}
.social li:last-child {
    padding: 0px;
}
.social ul li:last-child:after {
    padding: 0px;
    content: "";
}

.social a {
    font-size: 13px;
    color: #4C4C4C;
    text-decoration: none;
}

.social table {
    float: none;
    overflow: hidden;
    text-align: right;
}
.coplinklist li {
    background: white;
    height: 25px;
    padding-left:15px;
    padding-right:15px;
    display: block;
    color: #4C4C4C;
}
.coplinklist li a{
    line-height: 25px;
}

.coplinklist li:last-child{
    border: none;
    padding-left:15px;
    padding-right:15px;
}

.coplinklist li:hover{
    background: #E03837;
}

.coplinklist li:hover a{
    color: white;
}

.coplinks {
    position: absolute;
}
.coplinklist {
    border:1px solid #c8c8c8;
    font-size: 12px;
    visibility: hidden;
    margin-top: 2px;
    float: left;
    position: absolute;
    /*width: 125px;*/
    padding-left: 0px;
    background: #f9f9f9;
    z-index: 10000;
}

.logo h1 {
    margin: 0px;
}

.logo h1 a {
	background: url(img/logo.png);
    width: 150px;
    height: 200px;
    float: left;
    position: absolute;
    z-index: 10000;
}

.social form {
    margin-left: 109px;
}
.social input {
    padding: 0px;
}
.social td {
    text-align: center;
    padding-bottom: 0px;
    overflow: hidden;
}
.tdelement {
    margin-left: 20px;
}
.tdelement:after {
    content: "|";
    color: #C8A062;
    padding: 0px 4px 0px 1px;
}
.tdelement:last-child:after {
    content: "";
    padding: 0px;
}
#last:after {
    content: "";
    padding-right: 0px;
}

.top {
    margin-left:auto;
    margin-right:auto;
    width:853px;
    height:86px;
}

/* *=mark */

.mark {
    padding-right: 5px;
    position: relative;
    top: -2px
}


/*
 *=navbar
 */

.navbar-area{
    height:47px;
    width:100%;
    min-width: 1280px;
    background-color:#c89960;
}
.navwidth{
    margin-left:auto;
    margin-right:auto;
    height:47px;
    width:870px;
}
.navbar{
    /*letter-spacing: 1px;*/
    font-family: '微软雅黑';
    margin-left:auto;
    margin-right:auto;
    width:870px;
    float:right;
    /*margin-top: -1px;//pull it up for 1 pixel to fix the over border problem in safari*/
}

.navbar ul{
    margin-right:-12px;
    text-align:right;
    list-style:none;
    float:right;
    clear: both;
}
.navbar li{
    line-height: 47px;
    height: 47px;
    float:left;
    width:101px;
    margin:0px;
    padding:0px;
    text-align:center;
    background-color:#c89960;

}

.navbar > ul > li > a{
    padding:0 20px;
    margin:15px 0px;
    text-decoration:none;
    color:white;
    background-color:#c89960;
    font-size:15px;
    border-right:1px solid white;
}

.navbar > ul > li > a:hover{
    color: #E03837;
}

.navbar li ul{
    margin-top: -1px;
    z-index: 10000;
    display:none;
}
.navbar li:hover ul{
    position:absolute;
    display:block;
}


.navbar ul li ul a{
    padding:15 20px;
    margin:0;
    text-decoration:none;
    color:white;
    font-size:15px;
}

.navbar li ul li:hover{
    background-color:#E03837;
    color: white;
}

.navbar > ul > li:last-child > a{
    border-right:none;
}

.navbar>ul>li>ul>li{
    height: 42px;
    line-height: 42px;
    clear: left;
    font-size: 14px;
    border-bottom:1px solid white;
}
.navbar ul li ul li a{
    font-size: 14px;
}
.navbar ul li ul li:last-child{
    border-bottom:none;
}

.banner-area{
    height:132px;
    background: #0a0907;
}

.banner{
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    height:132px;
    overflow: hidden;
    display: block;
}

/*
 * =path
 */
#path {
    width:853px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom: 10px;
    padding-left:40px;
}


#path a{
    font-family: '微软雅黑';
    color:#4C4C4C;
    text-decoration:none;
    font-size:15px;
    /*font-weight: bold;*/
}

/*#path a:after{
    content: "〉";
    padding-left: 10px;
}

#path a:last-child:after{
    content: "";
}

#path a:last-child{
    color: #E03837;
}*/

.mainbody{
    width:853px;
    min-height: 500px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}

/*clearfix*/
.mainbody:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.mainbody{*zoom:1;}


/*
 *=sidebar
 */

.sidebar-container {
    width:153px;
    float:left;
    overflow:hidden;
    background:#efefef;
    display: block;
    /*
    force the height of the side bar to be the same as the main body area
     */
    margin-bottom:-10000px;
    padding-bottom:10000px;
}
.sidebar{
    width:153px;
    /*float:left;*/
    background:#efefef;
    display: block;
}

.sidebar .title li {
    font-family: '微软雅黑';
    font-size:15px;
    color:white;
}

.sidebar .title{
    height:34px;
    background:#c89960;
}

.sidebar .title ul {
    padding-left:16px;
    margin-top:0;
    line-height:34px;
}

.contentmenu li{
    font-family: '微软雅黑';
    display: block;
    list-style:none;
    padding-top:11px;
}

.contentmenu{
    padding-bottom: 37px;
}



.sidebar .contentmenu ul{
    padding-left:20px;
    margin-top:0;
    padding-top:10px;
}

.sidebar .contentmenu a{
    text-decoration:none;
    color:#4C4C4C;
    font-size: 14px;
}

.sidebar .current_post a{
    color:#E03837;
}


.sidebar .contentmenu a:hover{
    color: #E03837;
}

.sidebar .contentmenu .mark{
    padding-right:9px;
}



/*
 *=content
 */


 .content{
    font-family:"微软雅黑",Verdana, Arial;
    z-index: 0;
     width:700px;
     min-height: 500px;
     float:right;
     background: white;
     position: relative;
     top:0px;
     /*
     force the height of the side bar to be the same as the main body area
      */
     margin-bottom:-10000px;
     padding-bottom:10000px;
 }


.content-area{
    z-index: 2;
    min-height: 551px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    /*
    force the height of the side bar to be the same as the main body area
     */
    margin-bottom:-10000px;
    padding-bottom:10000px;
}

.content-area:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.content-area{*zoom:1;}

/**
 * srandard post format
 */

.content-area .normal-post-title{
    font-size: 18px;
    font-family: '微软雅黑';
    padding-left: 8px;
    padding-bottom: 10px;
}

.content-area .normal-post-content{
    padding-left: 8px;
    padding-right: 13px;
    padding-top: 23px;
    width: 590px;
    padding-bottom: 40px;
}

.content-area .normal-post-content p{
    /*letter-spacing: 1px;*/
    font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
}

.content-area .normal-post-content .wp-caption-text:before{
    content: url(img/circle-mark.png);
    width: 5px;
    height: 5px;
    padding-right: 3px;
}

.content-area .normal-post-title:before{
    content: url(img/title-mark.png);
}


/**
 * gallery post format
 */

 .content-area .gallery-post-content{
     padding-left: 8px;
     padding-right: 13px;
     padding-top: 23px;
     padding-bottom: 40px;
     width: 590px;
 }

 .content-area .gallery-post-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
 }
 .content-area .gallery-post-content{*zoom:1;}

 .content-area .gallery-post-content h1, h2,h3,h4,h5{
    color: #E03837;
    font-size: 13px;
 }

.gallery_content h1:before,  .gallery_content h2:before, .gallery_content h3:before, .gallery_content h4:before{
    display: block;
    content: url(img/product-page-seprator.png);
 }

 .content-area .gallery-post-content h1:first-child:before, h2:first-child:before,h3:first-child:before,h4:first-child:before{
    content: '';
 }

 .content-area .gallery-post-content p {
    /*letter-spacing: 1px;*/
    font-size: 14px;
    color: #4C4C4C;
 }

 .content .imageshelf ul{
     margin-top:0px;
 }

.content .imageshelf .storeimage{
    width: 301px;
 }

 .content .imageshelf li{
     display: block;
     list-style:none;
     padding-bottom: 5px;
 }


 .content .gallery_content {
     width: 255px;
     float:left;
     margin-left:25px;
 }


 .content .imageshelf{
     float:left;
     overflow:hidden;
 }

 .content .gallery_content{
     line-height:22px
 }

 .gallery_content .info dl:after{
     content:url(img/content-seperator.jpg);
 }

 .gallery_content .info dl:last-child:after{
     content:'';
 }


/**
 * =product page stylesheet
 */

.content .product_content{
    width:610px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 38px;
    padding-bottom: 40px;
}

.content .product_content:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.content .product_content{*zoom:1;}

.content .product_navbar{
    width: 700px;
    height:34px;
    background:#e3e3e3;
    overflow: hidden;
    text-align: right;
    letter-spacing: 2px;
}

.content .product_navbar div{
    display: inline;
    line-height: 34px;
    font-size: 12px;
    color: #4C4C4C;
}

.content .product_navbar form{
    display: inline;
    line-height: 34px;
    margin: 0px;
}

.content .product_navbar .navElements{
    padding-right: 50px;
}

.content .product_navbar form input{
    background: none;
    border:none;
    cursor: pointer;
    font-size: 12px;
    font-family: '黑体', '华文中宋', Verdana, Arial;
    color: #4C4C4C;
    padding: 0px;
}


.content .product_navbar form input:hover{
    color: #E03837;
}



.content .product_navbar a{
    line-height: 34px;
    font-size: 12px;
    font-family: '黑体', '华文中宋', Verdana, Arial;
    padding-right: 50px;
    text-decoration: none;
    color: #4C4C4C;
}

.content .product_navbar a:hover{
    color: #E03837;
}

.content .product_imageshelf{
    float: left;
    width: 308px;
    margin-right:30px;
}

.content .product_info{
    float: left;
    width: 269px;
    /*letter-spacing: 1px;*/
    font-size: 14px;
    line-height: 27px; 
    margin-bottom: 40px;
}

.content .product_info #product_title{
    color: #E03837;
}

/**
 * style for the product list page
 */

 .content .product_list_info{
    /*letter-spacing: 1px;*/
    font-size: 14px;
 }

.content .product-list-area{
    width: 609px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
 }

 .content .product-list-area td {
    width:180px;
    height:200px;
 }

 .content .product-list-area tr td {
    padding-right:33px;
    padding-bottom: 33px;
 }
 .content .product-list-area .product-thumnial{
    width:180px;
    height:180px;
 }

 .content .product-list-area .product-display-name{
    text-align: center;
    line-height: 20px;
 } 

.content .product-list-area .product-display-name a{
    text-decoration: none;
    /*letter-spacing: 1px;*/
    font-size: 14px;
    color: #333333;
 }

 .content .product-list-area .product-display-name a:hover{
    color: #E03837;
 }

 .product_info .small_info {
    font-size: 13px;
    line-height: 23px;
 }

 .product_info img{
    margin-top: -4px;
 }

/**
 * setyle sheet for search result page
 */

.search-post-content{
    width: 590px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 40px;
}

.search_title_link {
    text-decoration: none;
    color: #4C4C4C;
}

.search_title_link:hover{
    color: #E03837;
}

.search-item-seprator-image{
    margin-bottom: 40px;
}


.cityview {
    z-index: -1;
    display:inline;
    position: absolute;
    bottom: 10000px;
    right: 0px;
}


/*
 *=footer
 */

.line{
    background:#cf855a;
    height:3px;
}

.footer{
    background:#E03837;
    height:130px;
}

.footernav{
    width:1280px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

.footernav ul{
    margin-bottom: 13px;
    padding-left:0px;
    text-align:center;
}

.footernav li{
    display:inline;
    list-style:none
}

.footernav a{
    text-decoration:none;
    font-size:14px;
    color:white;
}

.footernav li:after{
    content:url(img/white-square-seperator.png);
    padding:0px 13px;
    position: relative;
    top:-2px;
}

.footernav li:last-child:after{
    content:'';
    padding:0px 0px;
}

.whiteline{
    background:white;
    height:1px;
    width:853px;
    margin-left:auto;
    margin-right:auto;
}

.copyinfo{
    width:1280px;
    margin-left:auto;
    margin-right:auto;
}

.copyinfo ul{
    margin-top: 11px;
    padding-left:0px;
    text-align:center;
}

.copyinfo li{
    display:inline;
    list-style:none;
    color:white;
    font-size:9pt;
}

.copyinfo li:after{
    content:'|';
    padding:0px 20px;
}

.copyinfo li:last-child:after{
    content:'';
    padding:0px 0px;
}

.pageshadow {
    width:853px;
    margin-left:auto;
    margin-right:auto;
}

.framearea {
    width:853px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
}

.contentmenu li:before{
    content:url(img/circle-mark.png);
}


/**
 * =slide
 */

.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;
    position:relative;
    z-index:0;
    padding-bottom: 27px;
}

.bitdiv{display:inline-block;
	width:7px;
	height:7px;
	margin:0 6px 10px 0px;
	cursor:pointer;
	float:right;
}


.defimg{background-image:url(img/black-button.png)}
.curimg{background-image:url(img/red-button.png)}