/*common*/
.hide { display: none; }
.clear { clear: both; }
.left { float: left; }
.center { text-align: center; }
.tip-banner { position: absolute; z-index: 200; display: block; font-size: 16px; color: #fff; background-color: #F66C2D; padding: 3px; }
.emptyhint { color: #a3a4a5; margin-left: 20px; font-size: 16px; }
.w152 { width: 152px; }

/*ÆøÅÝÌáʾ*/
.poptip { width: 200px; height: 50px; position: absolute; padding: 6px 10px 5px; *padding:7px10px4px;line-height:16px;color:#DB7C22;font-size:12px;background-color:#FFFCEF;border:solid1px#FFBB76;border-radius:2px;box-shadow:3px#ddd;z-index:1000;}
.poptip-arrow { position: absolute; overflow: hidden; font-style: normal; font-family: simsun; font-size: 12px; text-shadow: 0 0 2px #ccc; }
.poptip-arrow em, .poptip-arrow i { position: absolute; left: 0; top: 0; font-style: normal; }
.poptip-arrow em { color: #FFBB76; }
.poptip-arrow i { color: #FFFCEF; text-shadow: none; }
.poptip-arrow-top, .poptip-arrow-bottom { height: 6px; width: 12px; left: 12px; margin-left: -6px; }
.poptip-arrow-left, .poptip-arrow-right { height: 12px; width: 6px; top: 12px; margin-top: -6px; }
.poptip-arrow-top { top: -6px; }
.poptip-arrow-top em { top: -1px; }
.poptip-arrow-top i { top: 0px; }
.poptip-arrow-bottom { bottom: -6px; }
.poptip-arrow-bottom em { top: -8px; }
.poptip-arrow-bottom i { top: -9px; }
.poptip-arrow-left { left: -6px; }
.poptip-arrow-left em { left: 1px; }
.poptip-arrow-left i { left: 2px; }
.poptip-arrow-right { right: -6px; }
.poptip-arrow-right em { left: -6px; }
.poptip-arrow-right i { left: -7px; }

/*collection*/
#collection { margin-top: 10px; margin-bottom: 100px; }
#collection #slider ul li { width: 1060px; height: 305px; }
#collection #slider UL LI a { height: 100%; display: inline-block; vertical-align: middle; }
#collection #slider UL LI img { width: 229px; height: auto; max-height: 229px; margin: 20px 18px 5px 18px; display: inline-block; vertical-align: middle; }
#slider ul li dl .star { width: 41px; height: 24px; position: absolute; z-index: 20; }
#slider ul li dd { width: 265px; height: 305px; float: left; }
#slider ul li dd div span { display: inline-block; }
#slider ul li dd .line { width: 212px; border-top: solid 1px #ff8300; margin-bottom: 3px; }
.innerMain { margin: 0px auto 0px auto; width: 1200px; position: relative; height: 550px; }
#collection .banner { width: 1060px; height: 10px; background-color: #000; }
#collection .title { height: 50px; line-height: 50px; }
#collection .product-img { height: 254px; line-height: 254px; }
#collection .product-info { margin-left: 20px; }

/*product*/
#product { margin: 120px auto 280px auto; width: 1060px; }
#product .details-left { width: 650px; text-align: center; }
#product .details-left img { max-width: 650px; max-height: 450px; }
#product .details-right { width: 410px; }
#product .details-right ul { list-style-type: none; }
#product .details-right li { list-style-type: none; margin-top: 10px; }
#product .classic h2 { font-size: 24px; color: #000; font-family: Aharoni; }
#product #lblProductCode { font-size: 16px; }
#product .label { font-family: Aharoni; font-size: 14px; }
.btnOnline { background: url("../img/btnbuyonline.jpg") no-repeat 0px 0px; width: 97px; height: 30px; border: 0; overflow: hidden; background-attachment: scroll; display: inline-block; line-height: 100px; }
.btnStore { background: url("../img/btnStore.jpg") no-repeat 0px 0px; width: 98px; height: 30px; border: 0; overflow: hidden; background-attachment: scroll; display: inline-block; line-height: 100px; }
.btnFavorites { background: url("../img/btnfav.jpg") no-repeat 0px 0px; width: 98px; height: 30px; border: 0; overflow: hidden; background-attachment: scroll; display: inline-block; line-height: 100px; }
#product .otherview { width: 360px; }
#product .otherview img { width: 100px; height: 85px; padding: 3px; }
#product .otherview a { display: inline-block; margin-right: 5px; }
#product .otherview a:hover { background-color: #FFE8D0; }
#product #lbltip { color: #F66C2D; font-size: 16px; position: absolute; z-index: 100; color: #F66C2D; font-size: 16px; border: solid 1px #FFBB76; background-color: #FDEEE9; padding: 5px; }
#product #lbltip a { border-bottom: 1px solid #f66c2d; color: #f66c2d; }

/*store*/
.store { margin: 50px auto 20px auto; width: 1060px; }
.storeleft { float: left; height: 600px; width: 505px; }
.storeleft img { max-height: 620px; max-width: 450px; }
.storeright { width: 450px; float: left; margin-left: 90px; margin-top: 30px; }
.storelist { width: 387px; max-height: 520px; position: absolute; padding-top: 25px; filter: alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; padding-left: 20px; padding-bottom: 6px; margin-top: 25px; margin-left: 34px; background-color: white; z-index: 10; overflow: auto; }
.storelist #lblStoreList { padding-bottom: 20px; }
.storeleft { background: url("../img/store.jpg") no-repeat; }
.store ul { list-style-type: none; margin-top: 20px; }
.store li { list-style-type: none; margin-top: 5px; }
.citylist { margin-top: 50px; max-height: 340px; width: 450px; }
.citylist li { float: left; padding-top: 25px; font-size: 16px; display: block; }
.citylist li a { display: block; }

/*contact*/
.contactmain { margin: 50px auto 20px auto; width: 1060px; padding-bottom: 30px; }
.contactmain ul li { list-style-type: none; }
.contactleft { width: 236px; padding-top: 30px; margin-right: 20px; }
.contactleft ul { background-color: #ff8300; }
.contactleft li { padding: 10px; border-top: solid 1px #FF9D31; display: block; }
.contactleft li a { display: block; }
.contactleft li a:hover ul { background-color: red; }
.contactleft .firstitem { border-bottom: solid 1px #F68815; }
.contactright { padding-top: 30px; font-size: 14px; width: 804px; }
.contactright p { line-height: 25px; }
.contactright .addr { width: 402px; }
.contactright .addr ul { font-size: 14px; }
.contactright .addr ul li { padding-top: 8px; }
#Franchisee { display: none; }
#Franchisee p { font-size: 14px; }
.message { width: 402px; }
.message .name { width: 80px; }
.message .email { width: 140px; overflow: visible; }
.message .mcontent { height: 130px; width: 318px; }
.message li { padding-top: 5px; width: 326px; display: block; }
.message #lbltip { color: Red; font-size: 16px; }
.message #txtmcontent { width: 320px; }
.addmess { padding-left: 229px; }
.btn-cn { background: url("../img/btnaddmess-cn.jpg") no-repeat 0px 0px; width: 98px; height: 30px; border: 0; line-height: 30px; text-indent: -9999px; overflow: hidden; background-attachment: scroll; cursor: pointer; }
.btn-en { background: url("../img/btnaddmess-en.jpg") no-repeat 0px 0px; width: 98px; height: 30px; border: 0; line-height: 30px; text-indent: -9999px; overflow: hidden; background-attachment: scroll; cursor: pointer; }

/*trends*/
.trends { width: 1060px; position: relative; margin: 50px auto 20px auto; z-index: 0; }
.trends img { width: 1060px; height: 680px; }

/*world*/
#world { margin-top: 50px; margin-bottom: 20px; }
#world li { float: left; }
#world .worldhead { margin-bottom: 10px; }
#world .worldhead img { width: 100%; max-width: 1060px; }
#world .tip-banner { }

/*story*/
#story { background: url("../img/story.jpg") no-repeat 100%; height:auto; overflow:auto; min-height: 735px; margin-top: 50px; margin-bottom: 50px; }
#story .title { text-align: center; font-weight: normal; font-size: 14px; }
#story h3 { font-family: Calibri; }
#story .story { width: 600px; position: absolute; z-index: 30; left: 50%; margin: 450px 0 0px -300px; padding-bottom:10px; }
#story p { line-height: 30px; font-size: 14px; text-align: justify; word-spacing: 0.1em; }

/*design*/
#design { min-height: 550px; margin-top: 50px; margin-bottom: 20px; }
#design .design { width: 535px; margin-top: 50px; padding-right: 50px; font-family: Arial; }
#design .design .title { text-align: center; font-weight: normal; font-size: 14px; }
#design .design h3 { font-family: Arial; }
#design .banner { width: 1060px; height: auto; }
#design .banner img { max-width: 1060px; }
#design p { line-height: 40px; font-size: 12px; text-align: justify; word-spacing: 0.1em; }

/*campaign*/
#campaign { margin-top: 50px; margin-bottom: 10px; }
#campaigndetails { margin-top: 0px; }
#campaign li { float: left; margin-bottom: 10px;}
#campaign .banner { margin-top: 10px; }
.banner .item { margin-left: 10px; }
#campaign .tip-banner { margin-left: 55px; }
.campaignhead img { width: 100%; max-width: 1060px; }

/*brandtrend*/
#brandtrend { margin-top: 50px; margin-bottom: 20px; }
.headbanner img { width: 100%; max-width: 1060px; }
#brandtrend .banner { margin-top: 10px; }
#brandtrend .banner .scenes .tip-banner { margin-left: 14px; }
#brandtrend .banner .magazine .tip-banner { margin-left: 72px; }
#brandtrend li { float: left; }
#brandtrend li img { width: 257.5px; }
#brandtrend .tip-banner { margin-top: 139px; }

/*scenes*/
#scenes { padding-bottom: 30px; }
.details-body{ position:relative; width:800px; white-space:normal; word-break:break-all;word-wrap:break-word;}

/*news*/
#new-head { height: 300px; width: 1060px; background: url("../img/newshead.jpg") no-repeat; }
#news { margin: 50px auto 20px auto; width: 1060px; clear: both; }
#news .news-list { margin-top: 0px; }
.tpList:hover { background-color: #FFFFCC; }
.tpList { width: 523px; height: 165px; margin-top: 10px; background-color: #F9FAFD; padding: 20px 0px 0px 0px; border: 1px solid #e9e9e9; float: left; }
.tpList .pic { text-align: center; overflow: hidden; margin-right: 10px; float: left; display: inline; }
.tpList .pic img { border: 1px solid #ccc; height: 150px; width: 150px; }
.tpList-left { margin-right: 10px; }
.tpList h4 { margin-bottom: 6px; }
.tpList p { text-indent: 2em; line-height: 2; }

/*newdetails*/
#newdetails { clear: both; margin: 50px auto 30px auto; width: 1060px; }
#newdetails .detailsleft { width: 230px; }
#newdetails .detailsleft ul { background-color: #ff8300; }
#newdetails .detailsleft:first-child { border-bottom: solid 1px #f68815; }
#newdetails .detailsleft li { border-top: solid 1px #ff9d31; padding: 8px; }
#newdetails .details { font-size: 14px; margin: 0px 0px 20px 20px; width: 800px; }
#newdetails .details p { line-height: 25px; }
#newdetails .details .title { text-align: left; font-size: 20px; font-family: Arial; margin-top: 10px; margin-bottom: 30px; letter-spacing: 0px; font-weight: normal; }
#newdetails .line { width: 800px; height: 10px; background-color: #000; display: block; }
#newdetails .details img { max-width: 800px; }

/*magazine*/
#magazine { width: 1060px; margin: 50px auto 0px auto; }
.magazine-slider { height: 680px; margin-bottom: 20px; }
.magazine-slider img { max-width: 1060px; width: auto; height: 680px; }
.magazine-slider .bxslider { text-align: center; }
.magazine-slider .bx-controls-direction a { margin-bottom: 0px; }
.magazine-slider .bx-controls-direction .bx-next { right: 0px; }
.magazine-slider .bx-controls-direction .bx-prev { left: 0px; }
.magazine-slider li { text-align: center; }
.magazine-list li { list-style-type: none; float: left; margin-right: 10px; }
.magazine-list li img { width: 200px; height: auto; max-height: 300px; }

/*video*/
#video { margin-top: 50px; margin-bottom: 20px; }
#video h2 { text-align: center; font-family: Arial; font-weight: normal; }
.player { margin: 0px auto 20px auto; width: 720px; }
#video .banner { margin-top: 10px; }
#video .banner li { float: left; }
#video .video-list li { float: left; margin-right: 10px; }
#video .video-list li img { width: 200px; height: auto; }

/*reg*/
#reg { background: url("../img/reglogin.jpg") no-repeat 0px 0px; height: 550px; margin-top: 50px; margin-bottom: 20px; }
#reg .regcontainer { width: 274px; height: 294px; background: url("../img/regbg.jpg") no-repeat; filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; margin: 0px auto 0px auto; position: absolute; z-index: 200; margin-left: 393px; margin-top: 70px; }
#reg .reg { margin-left: 393px; margin-top: 140px; overflow: hidden; position: absolute; z-index: 201; }
#reg .reg ul { margin: 0; padding: 0; padding-left: 20px; color: #fff; }
#reg .reg li { margin-top: 8px; }
#reg .reg .line img { padding-top: -5px; }
#reg input { margin-right: 5px; }
#reg input { width: 151px; }
#reg .reg .title { text-align: center; font-size: 16px; color: #fff; padding-top: 15px; padding-bottom: 15px; }
#reg .reg .text { border: solid 1px #CCCCCC; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#reg .area { width: 155px; }
#reg .msg { margin-top: 358px; }
#reg .poptip { max-width: 308px; width: auto; height: auto; line-height: normal; margin-left: 647px; margin-top: 140px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#reg .btnsubmit { display: block; }
.btnsubmit input { filter: alpha(Opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; }
#reg .btnsubmit input { width: 113px; height: 44px; border: 0; line-height: 44px; text-indent: -9999px; overflow: hidden; background-attachment: scroll; z-index: 8888; }
.btnsubmit .btnreg-cn { background: url("../img/btnregcn.png") no-repeat 0px 0px; }
.btnsubmit .btnreg-en { background: url("../img/btnregen.png") no-repeat 0px 0px; }
.btnsubmit input:hover { cursor: pointer; }

/*login*/
#login { background: url("../img/reglogin.jpg") no-repeat 0px 0px; height: 550px; margin-top: 50px; margin-bottom: 20px; }
#login .loginbg { width: 274px; height: 274px; background: url("../img/loginbg.jpg") no-repeat; filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; margin: 0px auto 0px auto; position: absolute; z-index: 200; margin-left: 393px; margin-top: 72px; }
#login .login { margin-left: 412px; margin-top: 160px; overflow: hidden; position: absolute; z-index: 201; }
#login .login .input { width: 220px; height: 35px; line-height: 35px; border: 0; background: transparent; font-size: 16px; margin-left: 5px; }
#login .login li { margin-top: 6px; margin-left: 0px; display: block; }
.msg { margin-left: 393px; margin-top: 320px; overflow: hidden; position: absolute; z-index: 201; }
#login .btnsubmit input { width: 115px; height: 44px; border: 0; line-height: 44px; text-indent: -9999px; overflow: hidden; background-attachment: scroll; z-index: 8888; }
#login .btnsubmit { padding-top: 10px; }
.btnsubmit .btnlogin-cn { background: url("../img/btnlogincn.png") no-repeat 0px 0px; }
.btnsubmit .btnlogin-en { background: url("../img/btnloginen.png") no-repeat 0px 0px; }
.btnsubmit input:hover { filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.lbltip { text-indent: 1.5em; width: 258px; height: auto; color: #F66C2D; font-size: 16px; display: block; border: solid 1px #FFBB76; background-color: #FDEEE9; padding: 5px; text-align: left; }
#btnlogin, #btnreg:hover { cursor: pointer; }
.iconfont { font-family: "rei"; font-style: normal; font-weight: normal; cursor: default; -webkit-font-smoothing: antialiased; left: 5px; top: 4px; width: 20px; height: 20px; color: #f17975; line-height: 20px; font-size: 16px; display: block; position: absolute; z-index: 8888; }

/***µ¯³ö²ã****/
.white_content { display: none; position: absolute; top: 15%; left: 20%; width: 60%; height: 450px; padding: 16px; border: 2px solid orange; background-color: white; z-index: 1002; overflow: auto; }

/*members*/
#members { margin-bottom: 10px; }
#mycollection { margin-bottom: 20px; margin-top: 10px; }
.userinfo { width: 1060px; height: 600px; background: url("../img/member-bg.jpg") no-repeat 0px 0px; }
.userinfo-left { width: 225px; height: auto; float: left; color: #fff; }
.userinfo-left .head { width: 225px; height: 190px; text-align: center; line-height: 325px; vertical-align: bottom; font-size: 16px; }
.userinfo-left .menu { width: 225px; height: auto; }
.userinfo-left .menu ul { margin: 50px 0 0 0; padding: 0; }
.userinfo-left .menu li { height: 42px; display: block; margin: 0; padding: 0; text-align: center; vertical-align: middle; }
.userinfo-left .menu li a { display: block; color: #fff; font-size: 14px; line-height: 42px; font-family: Microsoft YaHei; }
.userinfo-left .menu li:hover { background-color: #535353; }
.userinfo-right { width: 835px; height: auto; float: left; }
.userinfo-right .title { text-align: center; margin-top: 30px; font-size: 16px; font-weight: bold; }
.userinfo-right .details { margin-left: 60px; margin-top: 20px; color: #000; }
.userinfo-right .details ul { margin-top: 0px; padding: 0; }
.userinfo-right .details li { display: block; margin: 0px; padding: 10px 0px 10px 0px; font-size: 14px; font-family: Microsoft YaHei; }
.userinfo-right .details li .span { width: 140px; display: inline-block; text-align: right; margin-right: 20px; }
.userinfo-right .details-tip { width: 550px; height: 38px; margin-left: auto; margin-right: auto; }
.userinfo-right .addr { width: 300px; max-width: 460px; height: 42px; padding: 3px; }
.userinfo-right .addr-edit { background-color: #F2F3F8; vertical-align: top; margin-top: -2px; font-family: Microsoft YaHei; font-size: 14px; word-wrap: break-word; display: inline-block; border-style: none; border-color: inherit; border-width: 0; width: 440px; min-height: 20px; height: auto; overflow-y: hidden; }
.userinfo-right .button { vertical-align: middle; }
.userinfo-right #txtPassword { margin-right: 50px; }
.userinfo-right .girl { margin-right: 30px; }
.userinfo-right dl { display: inline-block; }
.userinfo-right #sexedit { width: 158px; }
.userinfo-right #sexedit span { width: 40px; }
.userinfo-right #sexedit label { vertical-align: middle; display: inline-block; padding-bottom: 6px; }
.userinfo-right .lbltip { width: auto; text-indent: 0.5em; display: none; }
.userinfo-right .text { border: solid 1px #CCCCCC; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.userinfo-right .input { width: 172px; height: 25px; vertical-align: middle; line-height: 25px; }

/*my collection*/
#mycollection .mycollection-details { margin: 33px auto 20px auto; width: 835px; height: 500px; }
#mycollection .mycollection-details li { padding: 0; }
#mycollection #slider { width: 793px; height: 520px; }
#mycollection #slider ul li dd img { margin: 0px; width: 156px; height: 156px; }
#mycollection #slider ul li dd { width: 156px; height: 156px; float: left; padding: 1px; }
#mycollection .userinfo-right dl { display: inline; }