/* 商品詳情樣式 - Goods Details Styles */

/* Goods Details Main */
.goods_details .bd{
    padding:0;
    border-width:0;
    box-shadow:none
}

.goods_details h1{
    padding:5px 0;
    color:#333;
    font-size:20px;
    font-weight:bold;
    line-height:30px;
    background:url('../img/horizontal_spacer.gif') repeat-x left bottom
}

.goods_details h1 em{
    float:right;
    padding-left:10px;
    color:#999;
    font-size:12px;
    font-weight:normal
}

.goods_details .slogan{
    padding:10px 0 5px;
    color:#F04331;
    font-size:14px;
    font-weight:bold;
    text-align:left
}

.goods_details .details{
    margin-bottom:10px;
    position:relative
}

.goods_details .extra_details{
    margin-bottom:10px
}

/* Basic Information */
.goods_details .basic{
    padding:10px 0
}

.goods_details .basic li{
    padding:5px 15px;
    line-height:16px
}

.goods_details .basic li strong{
    font-weight:normal
}

.goods_details .basic li.sale_price{
    padding-bottom:0;
    line-height:20px
}

.goods_details .basic li.sale_price strong{
    vertical-align:top
}

.goods_details .basic li.sale_price .price{
    display:inline-block\0;
    color:#f04331;
    font-family:arial;
    font-size:26px;
    font-weight:bold;
}

.goods_details .basic li.sale_price .price sup{
    top:0;
}

.details sup {
    top:0;
    margin-left:3px
}

.goods_details .basic li.sale_price .org_price{
    padding-left:10px;
    color:#999;
    vertical-align:top;    
    text-decoration: line-through;
}

.goods_details .basic li.sale_point{
    padding-bottom:0;
    line-height:20px
}

.goods_details .basic li.sale_point strong{
    vertical-align:top
}

.goods_details .basic li.sale_point .price{
    color:#f04331;
    font-family:arial;
    font-size:26px;
    font-weight:bold
}

.goods_details .basic .rank_price, .goods_details .basic .volume_price{
    padding-right:10px
}

.goods_details span.rank_price {
    background: #fff;
    padding:1px 8px;
    line-height: 2.5em;
    box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    display: inline-block;
    margin-bottom: 5px;
}

/* End Time Wrapper */
li.end_time_wrapper strong{
    line-height:28px;
    vertical-align:top
}

li.end_time_wrapper .end_time{
    display:inline-block;
    padding:3px 8px 3px 3px;
    color:#999;
    line-height:20px;
    background-color:#f6f6f6;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-shadow:0 1px 0 #fff
}

li.end_time_wrapper .end_time em{
    padding:0 3px 0 5px;
    color:#f04331;
    font-family:Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:bold
}

/* Actions */
.goods_details .actions{
    margin-bottom:10px;
    padding:15px;
    background-color:#f8f8f8;    
    border: 1px solid #eee;
}

.goods_details .actions p{
    padding:5px 0;
    line-height:16px
}

.goods_details .actions strong{
    font-weight:normal
}

.goods_details .actions .stock{
    padding-left:10px;
    color:#999
}

.goods_details .actions .number{
    width:30px;
    padding:2px;
    color:#999
}

.goods_details .actions .price_input{
    width:50px;
    color:#999
}

.goods_details .actions .notice{
    padding-left:22px;
    background:url('../img/icon/error.gif') no-repeat left 6px
}

.goods_details .extra_options{
    margin-top:-10px;
    padding:5px 15px
}

.actions .btn.btn-orange,.actions .btn.btn-red {
    border-radius: 0;
    background-image: none;
    border: 0;
    width: 150px;
}

.actions .btn.btn-red {
    background: #ee3051;
}

.actions .btn.btn-orange:hover,.actions .btn.btn-red:hover {
    opacity: 0.9;
    color:#fff
}

/* Actions Hover Effects */
.actions a:hover span {
    transform: scale(1.3);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* Gallery */
.gallery{
    width:100%;
    margin-top:20px;
    margin-bottom:10px
}

.gallery .cover{
    width:100%;
    height:auto;
    margin-bottom:10px
}

.gallery .cover img{
    width:100%;
    height:auto;
    font-size:1px; 
    margin: 0 auto;
}

.gallery .thumb li{
    display:block;
    float:left;
    height:54px;
    width:54px;
    margin:0 0 5px 5px
}

.gallery .thumb li.first_child{
    margin-left:0
}

.gallery .thumb li a{
    display:block;
    padding:1px;
    border:1px solid #ddd
}

.gallery .thumb li a:hover{
    padding:0;
    border:2px solid #f60
}

.gallery .thumb li img{
    height:50px;
    width:50px;
    vertical-align:top
}

/* Promotion Box */
.goods_details .promote_box{
    clear:both;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
    line-height:25px
}

.goods_details .promote_box em{
    color:#069;
    font-size:20px;
    font-weight:bold
}

.goods_details .promote_box .price{
    font-size:22px;
    font-weight:bold
}

/* Goods Promotion */
.goods_promotion{
    clear:both;
    padding:10px;
    margin-bottom:10px;
    line-height:20px;
    background:#fff url('../img/horizontal_spacer.gif') repeat-x left top
}

.goods_promotion dt{
    padding-bottom:5px;
    font-size:14px;
    font-weight:bold
}

.goods_promotion dd { 
    margin: 7px 0;
}

.goods_promotion .type{
    margin-right:5px;
    padding:2px 5px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}

.goods_promotion .type:hover{
    color:#fff
}

.type_snatch{
    color:#fff;
    background-color:#ff5215
}

.type_group_buy{
    color:#fff;
    background-color:#ff9522
}

.type_auction{
    color:#fff;
    background-color:#ff5215
}

.type_activity{
    color:#fff;
    background-color:#97cf4d
}

.type_package{
    color:#fff;
    background-color:#97cf4d
}

/* Goods Tags */
.goods_tags{
    clear:both;
    padding:10px;
    margin-bottom:10px;
    line-height:20px;
    background:url('../img/horizontal_spacer.gif') repeat-x left top
}

.goods_tags h2{
    padding-bottom:5px;
    font-size:14px;
    font-weight:bold
}

.goods_tags .tags{
    padding:5px 0;
    line-height:18px
}

.goods_tags input{
    vertical-align:middle
}

.tags .item_wrapper{
    display:block;
    margin-bottom:5px
}

.tags_cloud .tags .item_wrapper{
    display:inline;
    white-space:nowrap
}

.tags .item{
    display:inline-block;
    margin:0 5px 3px 0;
    padding:3px 5px 3px 12px;
    line-height:16px;
    white-space:nowrap;
    background-color:#eee;
    border-radius:11px;
    -moz-border-radius:11px;
    -webkit-border-radius:11px
}

.tags .item em{
    display:inline-block;
    margin-left:5px;
    padding:2px 4px;
    line-height:12px;
    background-color:#fff;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px
}

.tags .item:hover{
    color:#fff;
    text-decoration:none;
    background-color:#ff8c22
}

.tags .item:hover em{
    color:#f60
}

.tags .drop{
    margin-right:15px
}

/* Package Goods */
.package_goods .bd{
    padding:14px
}

.package_goods dl{
    padding:10px 0;
    background:url('../img/horizontal_spacer.gif') repeat-x left top
}

.package_goods dl.first{
    background-image:none
}

.package_goods dt{
    margin-bottom:10px;
    padding:5px 10px;
    font-size:16px;
    font-weight:bold;
    background:url('../img/icon.gif') no-repeat left -110px
}

.package_goods .item_wrapper{
    display:block;
    float:left;
    width:580px;
    padding:5px 0
}

.package_goods .item{
    display:block;
    float:left;
    width:140px;
    padding-right:45px;
    background:url('../img/plus.gif') no-repeat 145px 45px
}

.package_goods .last{
    padding-right:0px
}

.package_goods .item .photo{
    display:block;
    width:120px;
    height:120px
}

.package_goods .item .photo img{
    width:120px;
    height:120px
}

.package_goods .item .name{
    display:block;
    padding:3px 0;
    line-height:1.3em
}

.package_goods .item em{
    padding:2px 5px;
    background-color:#eee;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}

.package_goods .price_wrapper{
    display:block;
    float:right;
    width:130px;
    padding:5px 0
}

.package_goods .price_wrapper span{
    display:block;
    padding-bottom:5px
}

.package_goods .price_wrapper .shop{
    font-size:20px;
    font-weight:bold
}

.package_goods .action{
    display:block;
    float:right;
    width:130px;
    margin-top:10px
}

/* Goods Info Box */
#goods_info .box{
    float:left;
    width:100%
}

/* Brief */
.goods_brief p {
    margin:0
}

.goods_brief {
    border-left: 3px solid #F04331;
    padding-left: 15px;
    margin: 0 10px 10px
}

/* Properties Box */
#properties_box{
    width:388px
}

.properties_wrapper{
    padding:14px;
    background-color: #F9F9F9;    
    border: 1px solid #EEEEEE;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px
}

.properties dt{
    display:inline-block;
    float:left;
    line-height:30px
}

.properties dd{
    display:inline-block;
    padding:3px 0;
    margin-top:0
}

.properties label{
    display:block;
    float:left;
    margin:0 5px 3px 0;
    padding:7px 15px;
    line-height:14px;
    background-color:#fff;
    border:2px solid #eee
}

.properties label.hover{
    border-color:#ccc
}

.properties label.checked{
    color:#F2991A;
    background:#fff url('../img/checked.gif') no-repeat right bottom;
    border-color:#F49A1B
}

.properties label input{
    display:none
}

/* Related and Attribute Linked Goods */
.goods_related.box .promo {
    color: #FF006A;
}

.goods_related.box em {
    color: #D30101;
}

.goods_attrlinked.box .row,.goods_related .row {
    margin: 0;
    text-align:center
}

.goods_attrlinked.box img , .goods_related img {
    margin:10px 0 ;
}

.goods_attrlinked.box h3, .goods_related h3{
    font-size:14px
}

.goods_related img {
    width: 85px;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    overflow:hidden
}

.goods_related .row h3 {
    margin-top: 10px;
    height: 50px;
    overflow: hidden;
    padding-left: 10px;
    text-align: left;
}

/* Fittings */
#page_flow .fittings {
    padding: 4px;
}

#page_flow .add_fittings {
    margin: 0 -15px;
    text-align: center;
}

/* Quick View */
#quick_view{
    width:860px;
    padding:10px;
    margin-bottom:0;
}

#quick_view .details{
    width:490px;
    margin-bottom:0;
}

#quick_view .extra_details{
    margin-bottom:0;
}