﻿.left{ float:left;}
.view_box{ width:908px; border:1px solid #add2e2; padding:5px; clear:both; overflow:hidden;}

.prodtsimg{width:348px; height:350px; *font-family:Arial, Helvetica, sans-serif; text-align:center; display: table-cell; vertical-align: middle; *font-size:320px; cursor:pointer;}
.prodtsimg img{vertical-align:middle;}
.proimgs{max-width:348px; max-height:350px;}
.minus{text-align:left;}
.minus .on img{border:solid 1px #A72D2C;}
.Ntop{text-align:center; padding:5px 0px;}
.proshare{padding:0px 0px 10px 130px;}

#nscroll{width:348px; margin:10px 0 0 0; clear:both; overflow:hidden; padding:0px;}
#prev{width:30px; height:14px; text-indent:-10000px; float:left; background:url(images/scollpicarrow.gif) 18px 0px no-repeat; cursor:pointer;}
#next{width:30px; height:18px; text-indent:-10000px; float:left; background:url(images/scollpicarrow.gif) right 6px no-repeat;cursor:pointer;}
#boxs{width:350px; clear:both; display:block; overflow:hidden; margin:0; padding:0;}
#boxs ul li{ float:left; height:42px; text-align:center; display:inline; display:block; margin:8px 3px 0 4px; padding:0; list-style-type:none;}
#boxs ul li img{width:60px; height:40px;}
#boxs ul li a{display:block; border:solid 1px #CCC;  height:40px; overflow:hidden; text-align:center; float:left;  vertical-align: middle; }
#boxs ul li a:hover{border:solid 1px #A72D2C;}

#boxImg{width:304px; height:352px; clear:both; display:block; overflow:hidden;}
#boxImg ul li{width:52px; height:60px; float:left;text-align:center; padding:5px;}

.pro-left { float:left; width:400px; padding:0;}

.pro-right { float:right; margin-left:25px; padding-top:10px; width:460px;}
.pro-right .product-name { padding:0; font:bold 16px/20px Arial, Helvetica, sans-serif; color:#000;}
.pro-right .product-price { margin:5px 0; padding:0; }
.pro-right .product-price s{ color:#000; font:100 13px/20px Arial, Helvetica, sans-serif;}
.pro-right .product-price span{ color:#F00; font:bold 18px/20px Arial, Helvetica, sans-serif;}
.pro-right .Model{ margin:5px 0; padding:0; }
.pro-right #info_attri { background: #f3f3f3 none repeat scroll 0 0; text-align: center; margin:10px 0 0 0;}
#info_size {padding-left: 50px; width: 110px;}
#info_qty { padding-left: 60px; width: 100px;}
#info_size, #info_qty { font-size: 16px; font-weight: bold; height: 30px; line-height: 30px;}
#productAttributes {}
.wrapperAttribsOptions ul li {width: 333px;}
#attriHtml input {width: 80px;}
#attriOptionsType {float: left; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; padding: 0; text-align: right; width: 40%;}
.attri_option_value {
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: right;
    width: 40%;
}

/* desc */
.product-eurobonus{position:relative;padding:10px 0;margin:0 0 10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:default;display:inline-block;font-size:11px;display:block}
.product-eurobonus>strong{color:#000; font-weight:700; font-size:14px}
.product-eurobonus .read-more{color:black;font-size:11px;text-transform:lowercase;float:right;text-decoration:none}
.product-eurobonus .read-more span{height:11px;width:11px;display:inline-block;margin:1px 0 0 2px;vertical-align:top;background:url('images/icon_sprite.png') no-repeat -11px -2162px}.product-eurobonus.open .read-more span{background-position:-36px -2183px}

.product-eurobonus .close-more{color:black;font-size:11px;text-transform:lowercase;float:right;text-decoration:none}
.product-eurobonus .close-more span{height:11px;width:11px;display:inline-block;margin:1px 0 0 2px;vertical-align:top;background:url('images/icon_sprite.png') no-repeat -11px -2162px}.product-eurobonus.open .close-more span{background-position:-36px -2183px}

.product-eurobonus .more-expand{display:block; height:18px; width:100%;float:left;position:relative;overflow:hidden;margin:20px 0 10px 0}
.product-eurobonus .more-expand .line{width:1px;height:999em;background-color:#ccc;margin-left:50%;display:block;position:absolute;top:0;left:0}
.product-eurobonus .more-expand>div{width:50%}.product-eurobonus .more-expand .fl>div{margin-right:25px}
.product-eurobonus .more-expand .fr>div{margin-left:25px}
.product-eurobonus .more-expand .sas-card{background:url('images/icon_sprite.png') no-repeat 0 -2213px;width:73px;height:29px;display:block;margin-top:10px}
.product-eurobonus .more-expand a{color:black}

/*size*/
.selectsize { margin-bottom:5px;  }
.sizes { margin-top:5px;}
.sizes li { background:#ccc; color:#000; display:block; padding:0 10px; height:27px; float:left; text-align:center; font: 100 12px/27px Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 5px 5px; cursor:pointer; list-style-type:none;}
.sizes li:hover { background:#999; color:#000; display:block; padding:0 10px; height:27px; float:left; text-align:center; font: 100 12px/27px Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 5px 5px;}
.seted {background:#000 !important; color:#fff !important; display:block; padding:0 10px; height:27px; float:left; text-align:center; font: 100 12px/27px Arial, Helvetica, sans-serif; margin:0 0 5px 5px;}

.delivery-days{font-size:11px;display:block;margin:5px 0 0 0;font-weight:bold;float:left;clear:both;width:100%; margin-bottom:5px;}
.delivery-days em{color:#999;font-weight:normal}
.qty {font-size:12px; padding-bottom:10px; margin-bottom:10px; }

.you-viewed { width:100%; margin-top:10px;}
.you-viewed .viewed-title { padding:5px 0; text-indent:10px; font:700 12px/18px Arial, Helvetica, sans-serif; border-bottom:1px #ddd solid;}
.you-viewed .viewed-box { padding:2px 0;}
.you-viewed .item_box { float:left; width:50px; font-size:11px; text-align:center; padding:0 8px;}

a.detail-size-guide{display:inline-block;margin-bottom:16px;text-decoration:underline;color:#000;font-size:11px;text-transform:capitalize;clear:both}
a.detail-size-guide span{height:12px;width:55px;display:inline-block;background:#FFF url('images/icon_sprite.png') no-repeat 8px -598px;vertical-align:text-bottom;margin:0 -1px -2px 0;z-index:1}
.material { padding:8px 0; line-height:20px;}

.we-recommend { width:100%; clear:both; margin-top:10px;}
.we-recommend .recommend-title { margin-bottom:20px; height:20px; border-bottom:1px #ddd solid;}
.we-recommend .recommend-title span { display:block; margin:0 auto -10px auto; padding:0 10px; position:relative; bottom:-10px; background:#fff; width:120px; height:20px; text-align:center; text-transform:uppercase;}
.we-recommend .recommend-box { padding-top:10px; width:100%;}

.listview { float:left; width:123px; height:160px;}
.listview .view-img { width:100px; height:90px; margin:0 auto; text-align:center;}
.listview .view-img img { max-width:100px; max-height:90px;}
.listview .view-name { padding:2px; text-align:center; font-size:11px;}
.listview .view-price { text-align:center; font-weight:bold;}

/*review*/
.info-review {border-top: 1px solid #c0c0c0;padding:25px 0 0;}
.info-review .review_title{width:880px; text-align:center; margin:10px auto 0 auto; padding:0; font:100 italic 14px/20px Arial, Helvetica, sans-serif;}
.info-review .review_title span{ font:bold 20px/36px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;}

.info-review .review_content .review_tit{width:880px; height:40px; border-bottom:1px solid #CCC; font:bold 22px/40px Arial; color:#333;}
.info-review .review_content .review_tit span{ font:100 22px/40px Arial; color:#900;}

.info-review .review_content .pro_reviews{ width:880px; margin:0; padding:0;clear:both; overflow:hidden;}
.info-review .review_content .releft{ float:left; width:150px;}
.info-review .review_content .recenter{ float:left; width:550px; margin:0 0 0 10px; }
.info-review .review_content .reright{ float:right; width:150px;}
.info-review .review_content { float:left;}
.review_pic {float:left;width:80px;height:80px;}

/*----------------------*/

.fon3 {
    float: left;
    padding: 0px 0%;
    width: 100%;
    position: relative;
}

    .fon3 #attribsOptionsText {
        float: left;
        font-size: 12px;
        display: none;
    }

#productAttributes {
    padding: 0px;
    display: block;
}

    #productAttributes table tr td {
        background: #fcfcea;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        color: #000;
        font-size: 11px;
        padding: 5px 5px;
    }

        #productAttributes table tr td.attrib-grid-hHeader {
            padding:5px;
            font-weight: normal;
            text-align: left;
            text-indent: 15px;
        }

        #productAttributes table tr td.attrib-grid-cell {
            padding: 5px 0;
            font-weight: normal;
            width: 100px;
        }

        #productAttributes table tr td .qty_act, #productAttributes table tr td .qtyInput {
            text-align: center;
            display: inline;
        }

            #productAttributes table tr td .qty_act a {
                margin: 0px 3px 0px 3px;
                color: #666;
            }

                #productAttributes table tr td .qty_act a:hover {
                    color: #000;
                }

        #productAttributes table tr td .qtyInput {
            border: 1px solid #ececec;
            color: #666;
        }
/*----------------------*/

.more {
    padding: 12px 0px 15px 0px;
    text-align: center;
}
.more-button {
    color: #7f7f7f;
    font-weight: bold;
    margin: 30px 0 25px 0;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.more .more-button .triangle {
    position: absolute;
    width: 0px;
    height: 0px;
    border: 9px solid transparent;
    border-top: 9px solid #7f7f7f;
    left: 50%;
    margin-left: -9px;
    bottom: -23px;
}
.more .more-button .loading-bar {
    background: url(images/loading2.gif) no-repeat center #fff;
    content: '';
    height: 22px;
    width: 22px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    top: 39px;
}
.oz-hide {
    display: none;
}
.more-button .text {
    background: #f7f8f8;
    display: block;
    border: 1px solid #ccc;
    width: 46%;
    padding: 9px 0;
    margin: 0 auto;
    border-radius: 5px;
}



