.big-img { width: 402px;  border: 1px solid #ccc; overflow: hidden; }
.big-img img { width: 100%; height: auto; }
.small-img-container { width: 402px; height: 80px; margin-bottom: 20px }
.small-img { width: 70px; height: 70px; border: 1px solid #ccc; margin: 10px 3px; cursor: pointer }
.small-img2 { width: 70px; height: 70px; border: 1px solid #ccc; margin: 10px 3px 0 3px; cursor: pointer }
.big-img img,
.small-img img,
.small-img2 img { margin: 0 auto; overflow: hidden }
.share-div { float: left; width: 230px; height: 65px; margin: 40px 0 0 20px }
.shou-chang { background: url("images/shou_chang.jpg") no-repeat; width: 105px; height: 30px; margin: -0 20px 10px 0; cursor: pointer }
.h30 { width: 100%; height: 30px }
#detailText { width: 580px; height: auto; float: right; }
#detailText h1 { font-size: 13px; font-weight: 700; color: #777777; font-family: Myriad Pro; }
#detailText h2 { font-size: 24px; font-weight: 700; color: #333333; font-weight:normal; width:80%;  margin: 0 0 10px 0; padding: 0; }

.price { width:555px;height:50px; font-size:16px; line-height:50px; border-bottom:#cccccc solid 1px; display:block; float:left; color:#333333;}

#detailText h3 { font-size: 12px; font-weight: 400; color: #b0600f; margin: 0 }
#detailText h4 { font-size: 12px; font-weight: 400; color: #666666; width: 100%; margin: 0 0 40px 0 }
#detailText h5 { font-size: 12px; font-weight: 400; color: #7f6a39; margin: 0 }
.price { font-size: 20px; font-weight: 400px; color: #b0600f; }
.dotted-line { width: 100%; height: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 10px }
.dotted-line2 { width: 30px; height: 50px; border-right: 1px dotted #ccc; margin-right: 30px }
#detailText .plus { background: url("images/plus_btn.png") no-repeat; width: 27px; height: 24px; cursor: pointer }
#detailText input[type="text"] { width: 40px; margin: 0 10px }
#detailText .mius { background: url("images/mius_btn.png") no-repeat; width: 27px; height: 24px; cursor: pointer }
#detailText .add-too { background: url("images/add_too.png") no-repeat; width: 134px; height: 42px; margin-left: 20px; cursor: pointer }
#detailText .spr-div { width: 100%; height: auto; margin-bottom: 20px }
.detail-kv-dashi img { margin: 0 10px }
.box-left-person { width: 315px; height: 700px; float: left }
.box-left-person .margin-div { margin: 10px; width: 283px; }
.box-left-person img { width: 100%; }
.box-left-person h1 { font-size: 15px; color: #777777 }
.box-left-img { width: 380px; float: left; margin: 0 20px }
.box-img-div img { width: 100%; margin: 10px 0 }
.detail-select { width: 85px; height: 32px; background: gray; }
/*
.shadow-top { background: url("images/shadow_top.png") repeat-x; width: 100%; height: 10px; border-radius: 1em }
.shadow-bottom { background: url("images/shadow_bottom.png") repeat-x; width: 100%; height: 10px; border-radius: 1em }
.shadow-left { background: url("images/shadow_left.png") repeat-y; width: 6px; height: 100%; float: left; }
.shadow-right { background: url("images/shadow_right.png") repeat-y; width: 6px; height: 100%; float: left }
*/
.shadow-top { display: none; }
.shadow-bottom { display: none; }
.shadow-left { display: none; }
.shadow-right { display: none; }

.box-bottom-person .margin-div { padding: 10px 5px; width: 958px; background: #ffffff }
.box-bottom-person .title { font-size: 15px; color: #000000; text-align: center }
.box-bottom-person .bg { background: url("images/box_bottom_person_bg.jpg") repeat-x; width: 100%; height: 414px; }
.box-bottom-person .other { width: 250px; height: 374px; padding: 10px 30px 30px; ; float: left }
.box-bottom-person .center { text-align: center; margin: 10px 0 }
.kv-second-container { width: 340px; height: 300px; background: #ffffff; margin: 30px 0; position: relative; padding: 10px; z-index: 1; overflow: hidden; }
.kv-second-container .left { background: url("images/kv_second_left.jpg") no-repeat; width: 18px; height: 26px; position: absolute; left: 20px; top: 140px; cursor: pointer; z-index: 100 }
.kv-second-container .right { background: url("images/kv_second_right.jpg") no-repeat; width: 18px; height: 26px; position: absolute; right: 20px; top: 140px; cursor: pointer; z-index: 100 }
.kv-second-container .title { width: 100%; height: 30px; background: #dddddd; text-align: center; color: #545454; line-height: 30px }
.kv-second-img { width: 3000px; height: 220px; position: absolute; left: 60px; top: 80px; z-index: 99 }
.kv-second-container .single-product { width: 100px; height: 100%; float: left; margin: 0 10px }
.single-product h1 { font-size: 13px; color: #000000; text-align: center }


.kv-left-btn { background: url("images/box_bottom_left_btn.png") no-repeat; width: 64px; height: 64px; cursor: pointer; position: absolute; left: 20px; top: 40%; z-index: 99 }
.kv-right-btn { background: url("images/box_bottom_right_btn.png") no-repeat; width: 64px; height: 64px; cursor: pointer; position: absolute; right: 20px; top: 40%; z-index: 99 }
.kv-introduction { margin: 10px 0; color: #666666 }
.KVindex { position: absolute; width: auto; height: 20px; right: 440px; bottom: 10px; list-style: none; margin: 0; padding: 0; z-index: 99; }
.KVindex li { width: 10px; height: 10px; border: 1px solid #673701; border-radius: 10px; background: #fff; margin-right: 10px; float: left; font-size: 8px; line-height: 15px; text-align: center; color: #ccc; cursor: pointer; transition: all linear .3s; -o-transition: all linear .3s; -ms-transition: all linear .3s; -moz-transition: all linear .3s; -webkit-transition: all linear .3s; }
.KVindex li.active { background: #673701; }
.kv-container { position: relative; overflow: hidden; width: 958px; height: 620px; z-index: 1; }
.kv-container .play { width: 5000px; height: 302px; position: absolute; left: 0; top: 0; z-index: 2; padding: 0; margin: 0 }
.kv-container .play>li { list-style: none; float: left }
/*-------li he detail--------*/
.lihe-kv-intro1 { margin: 0 20px; color: #b0600f; line-height: 20px }
.lihe-kv-intro2 { margin: 0 20px; color: #535353; line-height: 20px; margin-bottom: 10px }
.step1-bg,
.step2-bg,
.step3-bg { height: 18px; font-size: 13px; font-weight: 700; padding: 11px 40px; color: #ffffff; position: relative; margin-bottom: 10px }
.step1-bg img,
.step2-bg img,
.step3-bg img { height: 30px; width: 30px; position: absolute; left: 5px; top: 5px }
.h10 { height: 10px; width: 200px }
.step1-bg { background: #b0600f }
.step2-bg { background: #be781c }
.step3-bg { background: #d39738 }
.lihe-left { width: 400px; margin: 0 10px; float: left; }
.lihe-center { width: 278px; margin: 0 10px; float: left; height: 555px }
.lihe-right { width: 240px; margin: 0 10px; float: left; }
.lihe-img-select { width: 70px; margin: 0 3px; float: left; height: 15px; text-align: center }
.lihe-center .every { width: 200; height: 70px; margin: 0 10px; color: #be781c }
.lihe-center .checkbox-div { margin: 20px 0; float: left }
.lihe-center .info-img { width: 60px; height: 64px; margin: 0 10px; float: left }
.lihe-center h1 { font-size: 12px; line-height: 30px; color: #000000; font-weight: 700 }
.lihe-center .plus { background: url("images/plus_btn.png") no-repeat; width: 27px; height: 24px; cursor: pointer }
.lihe-center input[type="text"] { width: 40px; margin: 0 10px }
.lihe-center .mius { background: url("images/mius_btn.png") no-repeat; width: 27px; height: 24px; cursor: pointer; margin-left: 5px }
.lihe-center h3 { font-size: 12px; font-weight: 400; color: #b0600f; margin: 0; line-height: 30px }
.lihe-right table td { height: 30px }
.lihe-right h1 { color: #b05f0c; margin: 0; padding: 0; font-size: 12px; font-weight: 400 }
.lihe-total-info { height: 40px; width: 100%; margin: 10px 0 }
.lihe-total-info div { background: #fbfbd7; height: 20px; width: auto; padding: 5px; margin: 0 10px; float: left }
.lihe-total-info .left { float: left; font-size: 14px; color: #666666 }
.lihe-total-info .right { float: right; font-size: 14px; color: #b0600f }
.margin10 { margin: 0 20px; float: left }
.grey-area { background: #ecebe8; padding: 5px 10px; width: 270px; height: 90px }
.center { margin: 0 auto }
.comment-dielog1 { width: 18px; height: 18px; background: url(images/comment_icon.png) scroll 0 -40px no-repeat; display: inline-block; vertical-align: middle; }
.comment-dielog2 { width: 18px; height: 18px; background: url(images/comment_icon.png) scroll 0 -20px no-repeat; display: inline-block; vertical-align: middle; }
.comment-star { width: 15px; height: 15px; background: url(images/comment_icon.png) scroll 0 0 no-repeat; display: inline-block; vertical-align: middle; }
.comment-container .line1 { height: 1px; width: 100%; border-bottom: 1px solid #b0864a }
.comment-container .line2 { height: 1px; width: 100%; border-bottom: 1px dotted #b0864a }
.comment-container .comment-time { text-align: right }

/*2013-12-1 By Nights*/
.suggestion { background: #fff; margin-top: -17px; }
.comment-container { width: 480px; padding-left: 24px; color: #6C5020; float: left; }
.comment-container .comments-title { line-height: 24px; border-bottom: 1px solid #6c5020; }
.comment-container .comments-title .sp-bubble { margin: -4px 0 0 -24px; }
.comment-container .comments-item { padding-bottom: 10px; border-bottom: 1px dotted #6c5020; margin-bottom: 10px; }
.comment-container dl { width: 100%; overflow-x: hidden; }
.comment-container dt { width: 64px; color: #000; float: left; }
.comment-container dd { width: 270px; color: #666; float: left; padding: 0; margin: 0; word-wrap: break-word; }
.comment-container dd.date { width: 140px; color: #999; float: right; }
.relate-buy { width: 260px; float: right; }
.relate-buy .relate-title { width: 100%; line-height: 24px; }
.relate-buy .relate-item { width: 125px; height: 180px; margin-right: 5px; float: left; }
.relate-buy .relate-item img { width: 125px; height: 125px; border: 1px solid #6c0520; }
.relate-buy .relate-item:hover img { border-color: #AA8E4D; }
.relate-buy .relate-item span { text-align: center; color: #999; line-height: 20px; width: 100%; display: block; margin-top: 6px; }
.relate-buy .relate-item:hover span { color: #AA8E4D; }

.thumbnail { width: 80px; margin: 7px 0 0 0; float: left; }
.thumbnail img { width: 70px; height: 70px; border: 1px solid #ccc; }
.thumbnail .selector { margin: 4px 0 0 -5px; }
.box-selector .active:before { background: url("images/arrow_up2.png") no-repeat; width: 22px; height: 7px; margin: -7px auto 0; content: ''; display: block; }

.lihe-detail-footer { margin-top: 40px; }

/* 2014.1.10 By Nights */
.customize-band { width: 498px; background: #f2f2f2; padding: 5px; }
.customize-band input.txt { width: 290px !important; height: 18px; padding: 0 5px; border: 1px #ccc solid; margin: 0 !important; }
.customize-band span { width: 18px; height: 18px; border: 1px #ccc solid; display: inline-block; vertical-align: middle; }
span.customize-color-1 { background: #764d39; }
span.customize-color-2 { background: #f5efeb; }
span.customize-color-3 { background: #dadada; }
span.customize-color-4 { background: #ee9da4; }
span.customize-color-5 { background: #956ea7; }
span.customize-color-6 { background: #223f8b; }
span.customize-color-7 { background: #6dbf39; }
span.customize-color-8 { background: #ffff00; }
span.customize-color-9 { background: #800000; }
span.customize-color-10 { background: #12aa91; }
.customize-band .upload-logo { border: 1px dashed #999; border-left: none; border-right: none; }

/* 2014.1.14 By Nights */

.customize-band-narrow { width: 198px; background: #f2f2f2; padding: 5px; }
.customize-band-narrow input.txt { width: 200px !important; height: 18px; padding: 0 5px; border: 1px #ccc solid; margin: 0 !important; }
.customize-band-narrow input.upload { width: 140px; }
.customize-band-narrow span { width: 18px; height: 18px; border: 1px #ccc solid; display: inline-block; vertical-align: middle; }
.customize-band-narrow table { border-spacing: 0; }
.customize-band-narrow td { height: auto !important; }
.customize-band-narrow .input-field { position: relative; }
.customize-band-narrow .input-field .tips { display: none; position: absolute; width: 140px; padding: 5px; background: #fff; border: 1px solid #ccc; left: 0; bottom: 30px; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.3); }

.customize-band-narrow .upload-logo { border: 1px dashed #999; border-left: none; border-right: none; padding: 5px 0; margin: 5px 0; }


.desp { width:555px; float:left; line-height:22px; font-size:15px; display:block; padding-top:15px;}
.desp strong  { color:#993300;}
#sm-img { width:402px; overflow:hidden;}
#sm-img ul{ width:450px;}
#sm-img li { float:left; width:105px; padding-top:14px; display:block}
#sm-img li img { width:90px; height:80px;}
#sm-img li img.sel { border:#999999 solid 1px;}

.mstu { background-color:#ffffff; padding:20px; padding-left:}
.mstu .leftimg { width:50%; float:left;}
.mstu .righttxt{ width:50%; }
.or {  background-color:#663300;}  

.w1020 {width:1020px; padding-left:20px; display:block; float:left;};
.wimgleft { width:402px; float:left;}
.wtxtright { width:563px; float:left;}
.tu { background-color:#663300}
.rr { padding-left:35px; padding-top:30px; font-size:18px; line-height:30px; font-weight:normal; padding-right:45px; color:#ffffff;}
.rr strong { font-size:28px;}