.detail-hd{ overflow: hidden; margin-top: 24px; } .detail-hd-r{ float: right; width: 513px; margin-right: 50px; } .detail-hd-r-title{ height: 34px; line-height: 34px; padding: 31px 0 21px 0; border-bottom: 1px solid #ccc; } .detail-hd-r-title h1{ font-size: 24px; color: #313131; height: 34px; line-height: 34px; } .detail-hd-r-info{ line-height: 24px; height: 72px; margin-top: 24px; color: #313131; overflow: hidden; } .detail-hd-r-contents{ line-height: 24px; height: 146px; margin-top: 12px; color: #313131; overflow: hidden; } .detail-hd-r-contents strong, .detail-hd-r-contents b,.detail-hd-r-contents h1,.detail-hd-r-contents h2,.detail-hd-r-contents h3,.detail-hd-r-contents h4,.detail-hd-r-contents h5,.detail-hd-r-contents h6{ font-weight: bold; } .detail-hd-r-btns{ height: 31px; text-align: center; margin-top:39px; } .detail-hd-r-btns a{ display: inline-block; height: 31px; line-height: 31px; width: 149px; color: white; background: #ccc; border-radius: 6px; margin: 0 7px; } .detail-hd-r-btns-feedback{ background: #da261e !important; } .detail-hd-l{ float: left; width: 363px; margin-left: 50px; } .detail-hd-l-bimg{ width: 361px; height: 409px; background: #f6f6f7; border: 1px solid #ccc; position: relative; } .detail-hd-l-bimg img{ width: 100%; height: 100%; } .detail-hd-l-bimg .detail-hd-l-bimg-glass{ width: 160px; height: 160px; position: absolute; top: 0; left: 0; background-color: #166dc6; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display: none; cursor: move; } .detail-hd-l-ls{ overflow: hidden; height: 92px; margin-top: 18px; } .detail-hd-l-ls ul{ overflow: hidden; width: 110%; } .detail-hd-l-ls li{ float: left; width: 80px; height: 90px; border: 1px solid #ccc; margin-right: 11px; cursor: pointer; } .detail-hd-l-ls li img{ width: 100%; height: 100%; } .detail-hd-l-ls li.active{ border-color: #166dc6; } .detail-bd{ margin-top: 32px; overflow: hidden; position: relative; } .detail-bd-btns{ height: 50px; background: #166dc6; position: absolute; width: 100%; } .detail-bd-btns ul{ overflow: hidden; } .detail-bd-btns li{ float: left; height: 57px; margin-left: 43px; } .detail-bd-btns li a{ color: #595959; display: block; width: 100%; height: 50px; line-height: 50px; color: #eee; font-size: 16px; } .detail-bd-btns li.active{ background: url('../images/detail-bd-btns-arrow.png') no-repeat center bottom; } .detail-bd-contents{ margin-top: 50px; line-height: 30px; color: #9f9e9e; border-color: #ccc; border-style: solid; border-width: 0 1px 1px 1px; padding: 16px; color: #313131; } .detail-bd-contents img, .detail-bd-contents table{ max-width: 100%; } .detail-bd-contents strong, .detail-bd-contents b,.detail-bd-contents h1,.detail-bd-contents h2,.detail-bd-contents h3,.detail-bd-contents h4,.detail-bd-contents h5,.detail-bd-contents h6{ font-weight: bold; } .detail-bd-contents-paras{ margin: 0 27px; } .detail-bd-contents-paras-title{ height: 52px; line-height: 52px; border-radius: 8px; background: url('../images/detail-bd-contents-paras-title-icon.png') no-repeat 19px center; background-color: #f6f6f7; } .detail-bd-contents-paras-title h5{ font-size: 16px; color: #313131; text-indent: 50px; } .detail-bd-contents-paras-bd dl{ overflow: hidden; } .detail-bd-contents-paras-bd dt, .detail-bd-contents-paras-bd dd{ float: left; height: 36px; line-height: 36px; border-bottom: 1px dashed #ccc; } .detail-bd-contents-paras-bd dt{ clear: left; width: 60%; text-indent: 50px; } .detail-bd-contents-paras-bd dd{ width: 40%; } #bigImg{ position: absolute; height: 385px; width: 385px; top: 0; left: 0; overflow: hidden; display: none; }