@charset 'utf-8';

.ctt_mold 
{
    position: relative;
    /*margin: 40px 0;*/
    line-height: 1.8em;
    /*text-align: center;*/
}



.ctt_mold > figure
{
    position: relative;
    /*width: 45%;*/
    /*float: right;*/

    padding: 30px;

    text-align: center;

    border: 1px solid #c4c4c4;
}

.ctt_mold:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

#btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#btn p
{
    position: absolute;
    z-index: 99;

    display: none;

    width: 15px;
    height: 15px;

    border: 2px solid yellow;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    background-color: red;
    -webkit-box-shadow: 0 0 10px yellow;
            box-shadow: 0 0 10px yellow;

    border-radius: 50%;
}



#btn a p:hover
{
    -webkit-transition: .3s;
       -moz-transition: .3s;
        -ms-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
            transition: all .3s ease-in-out;
    transform: scale(2); /* 1/10 of the original size */

    background: #ed1932 url(../img/products/icon-plus-white.gif) center center no-repeat;
    -webkit-background-size: 50%;
    background-size: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}


.active
{
    background: #ed1932 url(../img/products/icon-plus-white.gif) center center no-repeat !important;
    -webkit-background-size: 50% !important;
    background-size: 50% !important;
    transform: scale(2) !important; /* 1/10 of the original size */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* 
.swiper-container3
{
    position: relative;

    overflow: hidden;

    width: 990px;
    height: 300px;
    margin: 20px auto;

    background-color: #eee;
}
.swiper-slide
{
    font-size: 18px;


    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    text-align: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.swiper-slide > img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: auto;
    min-width: 495px;
    max-width: 100%;
    height: auto;
    min-height: 300px;
    max-height: 100%;

    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
} */

.tab_divImg
{
    float: left;

    width: 30%;
    height: 350px;
    margin: 0;
    padding: 0;

    /*border: 1px solid #c8c8c8;*/
    /*border-radius: 5px;*/
}

.img01
{
    background: #fff url(../img/products/mold/tab_01_divImg.gif) center center no-repeat;
}

.img02
{
    background: #fff url(../img/products/mold/tab_02_divImg.gif) center center no-repeat;
}

.img03
{
    background: #fff url(../img/products/mold/tab_03_divImg.gif) center center no-repeat;
}

.img04
{
    background: #fff url(../img/products/mold/tab_04_divImg.gif) center center no-repeat;
}

.img05
{
    background: #fff url(../img/products/mold/tab_05_divImg.gif) center center no-repeat;
}

.img06
{
    background: #fff url(../img/products/mold/tab_06_divImg.gif) center center no-repeat;
}

.img07
{
    background: #fff url(../img/products/mold/tab_07_divImg.gif) center center no-repeat;
}

.img08
{
    background: #fff url(../img/products/mold/tab_08_divImg.gif) center center no-repeat;
}

.img09
{
    background: #fff url(../img/products/mold/tab_09_divImg.gif) center center no-repeat;
}

.img10
{
    background: #fff url(../img/products/mold/tab_10_divImg.gif) center center no-repeat;
}

.img11
{
    background: #fff url(../img/products/mold/tab_11_divImg.gif) center center no-repeat;
}

.img12
{
    background: #fff url(../img/products/mold/tab_12_divImg.gif) center center no-repeat;
}

.img13
{
    background: #fff url(../img/products/mold/tab_13_divImg.gif) center center no-repeat;
}

.img14
{
    background: #fff url(../img/products/mold/tab_14_divImg.gif) center center no-repeat;
}

.tbl1
{
    /*position: relative;*/
    float: right;

    width: 65%;
    height: 350px;
    min-height: 350px;

    border-spacing: 0;
    border-collapse: collapse;

    border-top: 1px solid #464646;
}

.tbl1 tbody tr th
{
    /*font-weight: 500;*/

    width: 20%;
    /*padding: 20px;*/
    margin: 0;
    /*font-weight: 600;*/
    font-size: .9em;
    padding: 0 10px;
    line-height: 1.5em;

    border-bottom: 1px solid #c8c8c8;
    background-color: #eee;
}

.tbl1 tbody tr td
{
    padding-left: 10px;

    border-bottom: 1px solid #c8c8c8;
    /*padding: 5px 15px;*/
}

.tbl1 tbody tr td:first-child
{
    text-align: left;
    /*border: 1px solid #000 !important;*/
}

.tbl1 tbody tr td img
{
    max-width: 105px;
    max-height: 78px;
}

.tbl1 tbody tr td > a{
    margin:3px  2px;
    display: inline-block;
}

.tbl1 tbody tr td figure  {
    /*display: inline-block;*/
    /*border: 1px solid #eee;*/
    /*background-color: #999;*/
    display: table-cell;
    width: 120px;
    height: 90px;
    vertical-align: middle;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,d8d7d7+100 */
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgb(248,248,248) 0%, rgb(216,215,215) 130%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgb(248,248,248) 0%,rgb(216,215,215) 130%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgb(248,248,248) 0%,rgb(216,215,215) 130%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d8d7d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}