﻿
/* maincont */
.maincont {
    width: 742px;
}


/* prodetailsinfo */
.prodetailsinfo {
    padding: 15px 0;
    clear: both;
    zoom: 1;
}

/* proviewbox */
.proviewbox {
    float: left;
    width: 305px;
    position: relative;
    z-index: 5;
    padding-left: 25px;
    padding-right: 25px;
}

.probigshow {
    position: relative;
    width: 300px;
    height: 276px;
    padding: 1px;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align: middle;
    /*设置水平居中*/
    text-align: center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px; /*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/
}

    .probigshow img {
        max-width: 300px;
        max-height: 275px;
        vertical-align: middle;
    }

    .probigshow a.a_probigshow {
        cursor: crosshair;
    }

.zoomplepopup {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background: #fff;
    border: 1px solid #e9493d;
    overflow: hidden;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    z-index: 10;
    cursor: crosshair;
    /*	height:50px;
width:50px;*/
}

#probig_preview {
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 405px;
    width: 340px;
    height: 340px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
}

    #probig_preview img {
        position: relative;
    }

.div_prothumb {
    position: relative;
    padding: 15px 15px 0;
}

.thumbporbox {
    position: relative;
    width: 375px;
    overflow: hidden;
}

.div_prothumb .span_prev, .div_prothumb .span_next {
    position: absolute;
    top: 15px;
    width: 22px;
    height: 64px;
    text-indent: -999em;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
}

.div_prothumb .span_prev {
    left: 0px;
    _left: -25px;
    background-position: -90px -282px;
}

.div_prothumb .span_prevb {
    background-position: -112px -282px;
    cursor: default;
}

.div_prothumb .span_next {
    right: 0px;
    background-position: -156px -282px;
}

.div_prothumb .span_nextb {
    background-position: -134px -282px;
    cursor: default;
}


.ul_prothumb {
    position: relative;
    width: 7500px;
    overflow: hidden;
}

    .ul_prothumb li {
        float: left;
        width: 75px;
        height: 64px;
        text-align: center;
    }

    .ul_prothumb img {
        padding: 1px;
        border: 1px solid #ddd;
    }

    .ul_prothumb li.now img {
        border: 1px solid #cccccc;
    }

/* div_prolinks */
.div_prolinks {
    padding: 20px 0 0 5px;
    overflow: hidden;
    zoom: 1;
}

a#a_enlarge {
    float: left;
    padding: 3px 0 3px 25px;
    background-position: -436px -177px;
    color: #0d79bd;
}

    a#a_enlarge:hover {
        text-decoration: underline;
    }

span.span_share {
    float: right;
    width: 320px;
    text-align: right;
    line-height: 16px;
}

    span.span_share b {
        font-weight: normal;
    }

    span.span_share .a_share {
        display: -moz-inline-stack;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 16px;
        height: 16px;
        margin-right: 6px;
        overflow: hidden;
        text-indent: 999em;
        vertical-align: top;
    }


.product_index{ color:#999;width:1000px;margin:0 auto;}
.product_index li{ width:220px; float:left; margin:0 10px;border:1px solid #ccc;padding:5px;}
.product_index img{ width:220px; height:210px;}
.product_index a{ display:block;text-align:center;}
.product_index .atxt{ width:220px; overflow:hidden; height:30px; line-height:30px;}
.product_index b{ color:#C00;}