﻿.product_listing {
    position: relative;
    overflow: hidden;
    width: 760px;float: left;
}
.product_listing .pager {
    padding:0 0 20px 0;margin-top: -25px;
    text-align: center;
}
.product_listing .groupitem{ width: 100%;float: left;margin-bottom: 50px;}
 .product_listing .item {
        width: 240px;
        margin:0 20px 0 0;
        position: relative;
        float: left;
    }
    .product_listing .item2 {
        width: 240px;
        margin-right: 0;
        position: relative;
        float: left;
    }

    .product_listing .last {
        margin-right: 0px;
    }

    .product_listing .item .wr_img {
        width: 238px;
        height: 238px;float: left;
        position: relative;background: #fff;
    }

    .product_listing .item .item-image {
        width: 238px;
        height: 238px;text-align: center;display: table-cell !important;vertical-align: middle !important;
        overflow: hidden;float: left;line-height: 238px;
        display: block; border: 1px solid #eaeaea;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
    }
.product_listing .item .item-image img{ display: inline !important;vertical-align: middle !important; border: 1px solid #fff;max-width: 238px !important;max-height: 238px !important;width: auto  !important;height: auto !important;}


    .product_listing .item .title {
        margin-top: 14px;width: 240px; float: left
    }
 .product_listing .item .price{ width: 240px;float: left;margin-top: 10px;}
    .product_listing .item .price .txtprice{ color: #393939;font-size: 15px;font-weight: bold;float: left;}
    .product_listing .item .price .lienhe{ float: right;}
    .product_listing .item .price .lienhe a{ float: right;color: #6d76d0;font-weight: bold;font-size: 14px;text-decoration: underline; }
        .product_listing .item .title a {
             background: url("/Styles/images/rm-bullet.png") no-repeat scroll -4px 4px transparent;
            padding-left: 15px;
            font: bold 15px arial;
            color: #646ed0;
        }
        .product_listing .item .title a img{padding: 0 0 4px 1px}
/*
Product detail
*/
.col_leftImg{ width: 265px;float: left;}
.listimage {
    float: left;
    width: 240px;
    margin-top: 10px;
}
.listimage .thumb {
    float: left;
    width: 68px;
    height: 64px;
    margin-right: 11px;
	margin-left: 3px;
    margin-bottom: 10px;
    border: 1px solid #d3d3d3;
    display: table-cell;text-align: center;
    vertical-align: middle;line-height: 58px;background: #fff;
}

.listimage .thumb img {
    max-width: 68px;
    max-height: 63px;
    width: auto;height: auto;vertical-align: middle; 
}
.listimage .thumb.imghover {
    width: 64px;
    height: 59px;border: 3px solid #f99c37;
}
.listimage .thumb.imghover img {
    max-width: 64px;
    max-height: 58px;
    width: auto;height: auto;
}
.product_detail {
    
}
.namePro{padding-top: 4px; color: #646ed0;font-size: 20px;font-weight: bold;background: url("/Styles/images/rm-bullet.png") no-repeat scroll -4px 9px transparent;padding-left: 15px;text-transform: uppercase;width: 745px;float: left;margin-bottom: 15px;}
.product_detail .productImg #divDetailContent .imgProduct img{ max-height: 240px !important;max-width: 240px !important;height: auto !important;width: auto !important;display: table-cell !important;line-height: 240px;vertical-align: middle;text-align: center;}
.product_detail .productImg #divDetailContent .imgProduct a{width: 240px;height: 240px;display: table-cell !important;line-height: 240px;vertical-align: middle;text-align: center;}
.product_detail .productImg #divDetailContent .imgProduct {background: #fff; float: left;width: 240px;height: 242px; margin:0 25px 10px 0;}



    .product_ref .item .item-image {
        width: 238px;
        height: 238px;text-align: center;display: table-cell !important;vertical-align: middle !important;
        overflow: hidden;float: left;line-height: 238px;
        display: block; border: 1px solid #eaeaea;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
    }
.product_ref .item .item-image img{ display: table-cell !important;vertical-align: middle !important; border: 1px solid #fff;max-width: 156px !important;max-height: 116px !important;width: auto  !important;height: auto !important;}



.product_detail .productImg #divDetailContent .priceProduct{ padding-top: 35px;}
.product_detail .productImg #divDetailContent .priceProduct a{color: blue}
.product_detail .productImg #divDetailContent .priceProduct .lable{ font-weight: bold;color: #6d6d6d;}
.product_detail .productImg #divDetailContent .priceProduct .lableThongtin{ height: 27px;background: url(img/s_thongtin.png) no-repeat;background-position: 265px center;display: block;margin-bottom: 10px;}
.product_detail .productImg #divDetailContent .lablelienhe{ height: 25px;background: url(img/s_lienhe.png) no-repeat;background-position: left center;display: block;margin:5px 0 15px 0;}
.product_detail .productImg #divDetailContent .lableGia{font-weight: bold;color: #d60202;font-size: 20px; height: 19px;background: url(img/s_gia.png) no-repeat;background-position: left center;display: block;padding-left: 40px; margin-bottom:5px; }



.product_detail .productImg #divDetailContent .priceProduct .txtmasp{color: #4f9cd8}
.product_detail .productImg #divDetailContent .priceProduct .txtprice{ color: #fe4041}

    .product_detail p, .product_detail span {
        /*line-height: 150%;*/
    }
    .product_detail .Product_top_right {
        float: left;
        margin-left: 21px;
        width: 50%;
    }

    .product_detail .price {
        margin-bottom: 13px;
    }

        .product_detail .price .gia {
            color: #008249;
            font-size: 22px;
            font-weight: bold;
        }

        .product_detail .price .gia2 {
            color: #008249;
            font-size: 22px;
            font-weight: bold;
        }

        .product_detail .price .donvi {
            color: #939393;
            font-size: 18px;
            font-weight: bold;
            padding-left: 5px;
        }

        .product_detail .price a {
            color: #2b6ea5;
        }

    .product_detail .title {
        color: #008249;
        display: block;
        font-size: 17px;
        width: 100%;
        margin-bottom: 15px;
    }

    .product_detail .brief_product {
        margin-bottom: 30px;
        color: #4f4f4f;
        line-height: 18px;
    }

    .product_detail .detail_share {
        background: url('img/bg_share.jpg') repeat-x scroll 0 0 transparent;
        border: 1px solid #EAEAE1;
        height: 22px;
        width: 100%;
        position: relative;
        font-size: 10px;
        font-family: arial;
        color: #727272;
    }

    .product_detail .shopcart {
        position: relative;
        width: 197px;
        float: left;
    }

        .product_detail .shopcart a {
            width: 197px;
        }

        .product_detail .shopcart .cart {
            background: url('img/tn_btn_cart.png') repeat-x scroll 0 0 transparent;
            width: 197px;
            height: 58px;
        }

        .product_detail .shopcart .caption_product {
            color: #FFFFFF;
            font-size: 14px;
            position: absolute;
            right: 16px;
            top: 10px;
            width: 65px;
        }

        .product_detail .shopcart input[type='text'] {
            height: 23px;
            left: 12px;
            position: absolute;
            top: 13px;
            width: 42px;
            text-align: center;
        }

    .product_detail .shop {
        background: url('img/tn_bg_btn_diemban.jpg') no-repeat transparent;
        float: left;
        width: 145px;
        height: 58px;
        margin-left: 8px;
        line-height: 58px;
        text-align: center;
    }

        .product_detail .shop a {
            font-size: 14px;
            color: #fff;
            text-align: center;
        }

        .product_detail .shop .shop_detail {
        }

    .product_detail .comment {
        float: right;
        height: 45px;
        line-height: 44px;
        margin-top: 20px;
        text-align: center;
        width: 146px;
        background: url(img/tn_btn_comment_product.png) no-repeat;
        font-size: 14px;
    }

        .product_detail .comment a {
            color: #fff;
        }

            .product_detail .comment a:hover {
                color: #fff;
                text-decoration: underline;
            }

    .product_detail #back {
        position: absolute;
        top: 7px;
        left: 7px;
        background: url('img/icon_back.jpg') no-repeat scroll 0 0 transparent;
    }

        .product_detail #back a {
            display: block;
            margin-top: -5px;
            padding-left: 15px;
            color: #2f2f2f;
        }

    .product_detail #Email {
        position: absolute;
        top: 2px;
        left: 108px;
    }

        .product_detail #Email a {
            padding-left: 15px;
            background: url('img/icon_email.jpg') no-repeat scroll 0 2px transparent;
        }

    .product_detail #yahoo {
        position: absolute;
        top: 2px;
        left: 188px;
    }

        .product_detail #yahoo a {
            padding-left: 15px;
            background: url('img/icon_yahoo.jpg') no-repeat scroll 0 1px transparent;
        }

    .product_detail #Print {
        position: absolute;
        top: 2px;
        left: 260px;
    }

        .product_detail #Print a {
            padding-left: 15px;
            background: url('img/icon_print.jpg') no-repeat scroll 0 1px transparent;
        }

    .product_detail #share {
        position: absolute;
        top: 6px;
        right: 8px;
        width: 390px;
    }

    .product_detail #Update {
        position: absolute;
        top: 7px;
        left: 7px;
        background: url('img/icon_update.jpg') no-repeat scroll 0 0 transparent;
    }

        .product_detail #Update span {
            padding-left: 15px;
            margin-top: -3px;
            display: block;
            font-size: 10px;
            font-family: arial;
            color: #727272;
        }

    .product_detail #Viewer {
        position: absolute;
        top: 7px;
        left: 155px;
        background: url('img/Icon_Visited.jpg') no-repeat scroll 0 0 transparent;
    }

        .product_detail #Viewer span {
            padding-left: 15px;
            margin-top: -3px;
            display: block;
        }

    .product_detail #Top {
        position: absolute;
        top: 7px;
        right: 15px;
        background: url('img/Icon_top.jpg') no-repeat scroll 0 0 transparent;
        cursor: pointer;
    }

        .product_detail #Top span {
            padding-left: 15px;
            margin-top: -3px;
            display: block;
        }


    .product_detail .title img {
        padding-bottom: 5px;
    }

    .product_detail .productImg {
        float: left;
        width: 100%;
        overflow: hidden;font-size: 14px;
    }

        .product_detail .productImg .image {
            width: 327px;
            float: left;
            background: #f5f4f4;
            border-radius: 3px;
            border: 1px solid #efefef;
        }

            .product_detail .productImg .image img {
                border-radius: 3px;
            }
    /*.product_detail .box_image {
        float: left;
        margin: 4px 20px 10px 0;
    }

    .product_detail .productImg .avatar {
        position: relative;
        border: 1px solid #EAEAE1;
        float: left;
        width: 298px;
        height: 223px;
        overflow: hidden;
    }


        .product_detail .productImg .avatar a {
            width: 300px !important;
            height: 221px !important;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

        .product_detail .productImg .avatar img {
            max-width: 298px;
            max-height: 232px;
        }

    .product_detail .box_image {
        width: 298px;
        float: left;
    }

    .product_detail .productImg .attack {
        float: left;
        overflow: hidden;
        width: 300px;
        margin-top: 10px;
    }

        .product_detail .productImg .attack .item {
            border: 1px solid #EAEAE1;
            width: 91px;
            height: 68px;
            float: left;
            margin-bottom: 10px;
            margin-right: 11px;
        }

            .product_detail .productImg .attack .item.last {
                margin-right: 0px !important;
            }

            .product_detail .productImg .attack .item a {
                width: 91px !important;
                height: 68px !important;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

            .product_detail .productImg .attack .item img {
                max-width: 91px;
                max-height: 68px;
            }*/

    .product_detail .desciption {
        float: left;
        width: 760px;
        background: #eef9ff;
        color: #373737;
        padding: 10px;
        margin-top: 10px;
        font-size: 14px;
    }

    .product_detail .body {
        width: 100%;
        color: #4f4f4f;
        line-height: 18px;
        /*margin-top: 10px;*/
        /*overflow: hidden;*/
    }

        .product_detail .body ul li {
            list-style: inside;
        }

        .product_detail .body a {
            color: blue !important;
        }

    .product_detail .source {
        font-style: italic;
        color: #B3B3B3;
    }


    .product_detail .tags {
        background: url("img/tagicon.png") no-repeat scroll 0 0 transparent;
        height: auto;
        line-height: 120%;
        margin-top: 10px;
        min-height: 32px;
        padding-left: 44px;
        vertical-align: middle;
        width: 634px;
        float: left;
    }


    .product_detail .title_body {
        width: 100%;
        margin-top: 10px;
        font-size: 13px;
        color: #156eb5;
        font-weight: bold;
        height: 32px;
        line-height: 32px;
        margin-bottom: 15px;
    }

/*Product Referent*/
.othergallery .caroufredsel_wrapper {
    width: 510px !important;
}

.product_ref {
    width: 760px;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
}
.product_ref .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #fff;
    color: #646ed0 !important;
    font-size: 20px;
    font-weight: bold;
    height: 33px;
    line-height: 26px;
    text-align: left;
    text-transform: uppercase;margin-bottom: 25px;
}
 .product_ref .item {
        width: 240px;
        margin:0 20px 0 0;
        position: relative;
        float: left;
    }
    .product_ref .item2 {
        width: 240px;
        margin:0 20px 0 0;
        position: relative;
        float: left;
    }

    .product_ref .last {
        margin-right: 0px;
    }

    .product_ref .item .wr_img {
        width: 238px;
        height: 238px;float: left;
        position: relative;background: #fff;
    }

    .product_ref .item .item-image {
        width: 238px;
        height: 238px;text-align: center;display: table-cell !important;vertical-align: middle !important;
        overflow: hidden;float: left;line-height: 238px;
        display: block; border: 1px solid #9690fc;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
    }
.product_ref .item .item-image img{ display: inline-block !important;vertical-align: middle !important; max-width: 238px !important;max-height: 238px !important;width: auto  !important;height: auto !important;}




    .product_ref .item .title {
        margin: 14px 0 0 0;width: 240px; float: left
    }
 .product_ref .item .price{ width: 240px;float: left;margin-top: 10px;}
    .product_ref .item .price .txtprice{ color: #393939;font-size: 15px;font-weight: bold;float: left;}
    .product_ref .item .price .lienhe{ float: right;}
    .product_ref .item .price .lienhe a{ float: right;color: #6d76d0;font-weight: bold;font-size: 14px;text-decoration: underline; }
        .product_ref .item .title a {
             background: url("/Styles/images/rm-bullet.png") no-repeat scroll -4px 4px transparent;
            padding-left: 15px;
            font: bold 15px arial;
            color: #646ed0;text-transform: none;
        }
        .product_ref .item .title a img{ padding: 0 0 4px 1px;}


  /*.product_group*/

    .product_group {float:left;
          width:100%;
          padding: 20px 0 20px 20px;
}
    .product_group .title_proj {
   width: 100%;
float: left;
text-align: center;
text-transform: uppercase;
background: url('img/bg_product_hot.png') no-repeat center top;

height: 30px;
line-height: 30px;
    }
    
     .product_group .title_proj a{
   color:#fff;
   font-weight:bold;
  font-size:14px;
    }
        .product_group .groupitem {margin-bottom:20px;float: left;width: 100%;
        }
    .product_group .item {width:318px;height: 318px; margin:0 20px;float:left;
    }
        .product_group .item.last {
        margin-right:0px;}
        .product_group .item .title {background: none repeat scroll 0 0 #746EFF;
    font-family: arial;
    font-weight: bold;
    line-height: 18px;
    position: relative;
    text-align: center;
    width: 308px;
    z-index: 150;
    padding:8px 5px;opacity:0.85;position: absolute;bottom: 0;
        }
            .product_group .item .title a {color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
            }
        .product_group .item .detail {
        line-height:18px;color:#2e1400}
.product_group .image {width:318px; height:318px;border: solid 1px #9690FC; position: relative}
    .product_group .image .aliimg {width:318px; height:318px;text-align:center;vertical-align:middle;display:table-cell;position:relative}
    .product_group .image .aliimg img{width:318px !important;height:318px !important;float: left;position: relative;z-index: 9; }

.product-detail-code{ width: 40%; float: left;}
.product-detail-gia{ float: right; width: 60%;}
.product-detail-gia .giamoi{float: left;font-size: 12px; font-weight: bold;  margin-right: 5px;}
.product-detail-gia .giacu{ float: right;font-size: 15px;text-decoration: line-through;color: #999; }
/*Loading popup thu vien anh*/
.GalleryDetail{position:fixed; top:0;left:0;right:0;bottom:0; display:none; z-index:1000;}
.GalleryLoading{position:fixed; top:0;left:0;right:0;bottom:0; display:none; z-index:1000;}
.GalleryLoading .overlay{    
    background: #000;
    top:0;left:0;right:0;bottom:0;
    z-index: 9999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    position:fixed;
    z-index:1001;

}
.GalleryLoading .GalleryLoadingW100H100{
    position:relative; height:100%; width:100%;
}
.GalleryLoading .GalleryLoadingW100H100 img {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto;
        position: absolute;
        width:250px;
        height:250px;
        z-index: 999999;
}



/*Gallery details zoom*/
.GalleryDetailZoom{position:fixed; top:0;left:0;right:0;bottom:0; display:none !important; z-index:1000;}
.GalleryDetailZoom .overlay{    
    background: #000;
    top:0;left:0;right:0;bottom:0;
    z-index: 9999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    position:fixed;
    z-index:1001;
}
.GalleryDetailZoom .GalleryDetailZoomW100H100{
    position:relative; height:100%; width:100%;
}
.GalleryDetailZoom .GalleryDetailZoomW100H100 img {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto;
         position: absolute;
         width:250px;
         height:250px;
}
.GalleryDetailZoom .GalleryDetailZoomW100H100 a.btclose {
        width: 28px;
        height: 28px;
        background: url(img/btClose.png) no-repeat;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1003;
        cursor:pointer;
    }
/*Gallery details zoom*/

.GalleryDetail .overlay{    
    background: #000;
    top:0;left:0;right:0;bottom:0;
    z-index: 9999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    position:fixed;
    z-index:1001;
}
.GalleryDetail .GalleryDetailW100H100{position:relative; height:100%; width:100%;}
.GalleryDetail .GalleryDetailW100H100 .GalleryBox a.btclose {
        width: 28px;
        height: 28px;
        background: url(img/btClose.png) no-repeat;
        display: block;
        position: absolute;
        top: -10px;
        right: -10px;
        z-index: 1003;
        cursor:pointer;
    }
.GalleryDetail .GalleryDetailW100H100 .GalleryBox .btnPrev,.GalleryDetail .GalleryDetailW100H100 .GalleryBox .btnNext{
        display: block;
        position: absolute;
        top: 48%;       
        z-index: 1003;
        cursor:pointer;
        width:24px;
        height:26px;
        font-size:0;
}
.GalleryDetail .GalleryDetailW100H100 .GalleryBox .btnNext{right: -35px; background:url('img/next.png') no-repeat;}
.GalleryDetail .GalleryDetailW100H100 .GalleryBox .btnPrev{left:-35px; background:url('img/prev.png') no-repeat;}
.GalleryDetail .GalleryDetailW100H100 .GalleryBox {
        padding: 6px;
        border: solid 1px #d4d4d4;
        border-radius: 3px;
        background: url('img/bgpopupvideo.png') repeat;
        position:absolute;
        top:0;left:0;right:0;bottom:0;
        margin:auto auto;
        /*
        width:600px;
        height:340px;
        */
        max-width: 800px; max-height: 600px;
        z-index:1002;
    }
  .GalleryDetail .GalleryDetailW100H100 .GalleryBox .GalleryBoxContent{ width:100%; height:100%;}
  .GalleryDetail .GalleryDetailW100H100 .GalleryBox .item{display:none; width:100%; height:100%;}
  .GalleryDetail .GalleryDetailW100H100 .GalleryBox .item img{width:100%;}
  .GalleryDetail .GalleryDetailW100H100 .GalleryBox .item.active{display:block;}
  .GalleryDetail .GalleryDetailW100H100 .GalleryBox .item.active img{max-height:100%;}
  /*
  @media screen and (min-width:768px){
       .GalleryDetail .GalleryDetailW100H100 .GalleryBox .item.active:hover img {
        transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        -webkit-transition: all 1s;
        transition: all 1s;
        position: absolute;
        z-index: 1005;
        border:1px solid #fff;
        border-radius:5px;
        max-width:100%;
    }
  }
*/
  @media screen and (max-width:550px){
      .GalleryDetail .GalleryDetailW100H100 .GalleryBox{width:95%; height:auto;top:20%; bottom:auto; max-height:320px;}
      .GalleryDetail .GalleryDetailW100H100 .GalleryBox img{width:100%; max-height:300px;}
      .GalleryDetail .GalleryDetailW100H100 .GalleryBox .btnNext{right:-5px;}
      .GalleryDetail .GalleryDetailW100H100 .GalleryBox .btnPrev{left:-5px;}
  }
 
/*End: Chi tiet album*/