@charset "utf-8";



/* CSS Document */

/**************************************************************/

/**************************************************************/

.content{

    font-size: 15px;

    color: #525252;

}

.content img {

    max-width: 100%;

    height: auto !important;

}

/**************************************************************/

/**************************************************************/

.product-list:after,

.product-list2:after{

    content: '';

    display: block;

    clear: both;

}

.product-list li{

    list-style: none;

    width: 176px;

    float: left;

    margin-right: 18px;

    height: 200px;

}

.product-list li:nth-child(4n+4){

    margin-right: 0;

}

.product-list li .pic {

    width: 176px;

    height: 132px;

    display: block;

    border: 1px solid #BBBBBB;

    position: relative;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;

    margin-left: 0;

    margin-bottom: 0;

}

.product-list li .pic img{

    max-width: 176px;

    max-height: 132px;

    height: auto !important;

    display: block;

}

.product-list li a:hover .pic:after{

    content: '';

    width: 176px;

    height: 132px;

    background: url(../images/products/cover.png)center no-repeat,rgba(0,0,0,0.5);

    position: absolute;

    display: block;

    top: 0;

    left: 0;

}

.product-list li .name,

.product-list2 li .name{

    width: 100%;

    text-align: center;

    font-size: 15px;

    color: #333;

    background: url(../images/products/bottom2.jpg)top center no-repeat;

    padding-top: 13px;

}

.product-list li .name:before,

.product-list2 li .name:before{

    content: '';

    width: 5px;

    height: 6px;

    display: inline-block;

    background: url(../images/products/icon.jpg)no-repeat;

    margin-right: 8px;

}

/**************************************************************/

/**************************************************************/

.product-list2 li{

    list-style: none;

    width: 240px;

    float: left;

    margin-right: 25px;

    height: 250px;

}

.product-list2 li:nth-child(3n+3){

    margin-right: 0;

}

.product-list2 li .pic {

    width: 240px;

    height: 180px;

    display: block;

    border: 1px solid #BBBBBB;

    position: relative;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;

    margin-left: 0;

    margin-bottom: 0;

}

.product-list2 li .pic img{

    width: 240px;

    height: 180px;

    height: auto !important;

    display: block;

}

.product-list2 li a:hover .pic:after{

    content: '';

    width: 240px;

    height: 180px;

    background: url(../images/products/cover.png)center no-repeat,rgba(0,0,0,0.5);

    position: absolute;

    display: block;

    top: 0;

    left: 0;

}

/**************************************************************/

/**************************************************************/

.product-name {

    width: 100%;

    padding: 5px 15px 5px 40px;

    font-size: 18px;

    background: url(../images/leftnav/icon.png)10px no-repeat, url(../images/products/title_bg2.jpg)left repeat-y, url(../images/products/title_bg.jpg);

    color: #FFF;

    margin-bottom: 35px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.gallery:after{

    content: '';

    display: block;

    clear: both;

}

.gallery{

    margin-bottom: 50px;

}

.stage{

    float: left;

}

.stage .pic{

    width: 600px;

    height: 450px;

    border: 1px solid #BBBBBB;

    margin: 0;

    margin-left: 25px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    display: block;

    position: relative;
	text-align:center;

}

.stage .pic:after{

    content: '';

    display: block;

    width: 576px;

    height: 16px;

    background: url(../images/products/big_bottom.jpg)no-repeat;

    position: absolute;

    bottom: -17px;

}

.stage .pic img{

    max-width: 600px;

    max-height: 450px;

    height: auto !important;

}

.thumbnails{

    float: right;

    width: 143px;

    margin: 0 auto;

}
.thumbnails li{
	list-style:none;
}

.thumbnails li a{

    width: 88px;

    height: 66px;

    list-style: none;

    margin: 0 auto;

    border: 1px solid #BBBBBB;

    display: block;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 9px;

    position: relative;

}

.thumbnails li a:hover:after{

    content: '';

    width: 88px;

    height: 66px;

    background: url(../images/products/cover2.png)center no-repeat,rgba(0,0,0,0.5);

    position: absolute;

    display: block;

    top: 0;

    left: 0;

}

.thumbnails li img{

    max-width: 88px;

    max-height: 66px;

    height: auto !important;

}

.detail-title{

    background: url(../images/products/detail.jpg)22px top no-repeat,url(../images/leftnav/list.png)bottom repeat-x;

    padding-top: 30px;

    margin-bottom: 30px;

}