/* CSS Document */
body{background:#fff;}
 .main {
    width:1250px;
    margin-bottom:18px;
}
.path {

    height:13px;

    line-height:17px;

    color:#939393;

    float:right;

    margin-top:12px;
}

.path a, .path em {

    margin:0 4px;

}
.li_product1 a, .li_produc1 em {
    margin:0 4px;
}
.main_product {
    width:1250px;
    overflow:hidden;
    clear:both;
    padding-top:18px;margin-bottom:3%;
}
.product_left {
    float:left;width:100%;
}

.product_right {
    width:319px;
    float:right;
    overflow:hidden;
}

/* product block start */
.product1 {
    height:300px;
    width:50%;
    float:left;
    margin-right:0px; 
    position:relative;
}


/* product block end */

.more {
    position:absolute;
    font-size:40px;
    color:#bebebe;
    right:22px;
    top:28px;
    text-shadow: 1px 1px #fff;
    z-index: 3;display:none;
}

.li_product4 .more {
    position:absolute;
    font-size:40px;
    color:#8e8d8d;
    right:19px;
    top:28px;
    z-index: 3;
}

.product1 h3, .product2 h3, .product3 h3 {
    font-size:30px;
    color:#fff;
    height:30px;
    line-height:30px;
    margin:22px;
    text-shadow: 1px 1px #fff;
    display: block;
    z-index: 3;
}

.product4 h3, .product5 h3, .product6 h3 {
    font-size:30px;
    color:#bebebe;
    height:30px;
    line-height:30px;
    padding:22px;
    text-shadow: 1px 1px #fff;
    z-index: 6;
}

.product1 p, .product2 p, .product4 p, .product5 p, .product6 p {
    position:absolute;
    left:0px;
    bottom:0px;
    height:63px;
    width:285px;
    border:1px solid #e0e0e0;
    padding:14px 16px 0;
    line-height:24px;
    z-index: 3;
}
.product3 p {
    position:absolute;
    left:0px;
    bottom:0px;
    height:63px;
    width:625px;
    border:1px solid #e0e0e0;
    padding: 14px 16px 0 16px;
    line-height:24px;
    z-index: 3;
}

.topBarShort {
    width: 99%;
    height: 10px;
    position: absolute;
    top: 0;

    background-image: -webkit-gradient(
        linear,
        right bottom,
        left bottom,
        color-stop(0, #d00f0e),
        color-stop(1, #990908)
    );
    background-image: -o-linear-gradient(left, #d00f0e 0%, #990908 100%);
    background-image: -moz-linear-gradient(left, #d00f0e 0%, #990908 100%);
    background-image: -webkit-linear-gradient(left, #d00f0e 0%, #990908 100%);
    background-image: -ms-linear-gradient(left, #d00f0e 0%, #990908 100%);
    background-image: linear-gradient(to left, #d00f0e 0%, #990908 100%);

    display: none;
}

.topBarLong {
    width: 660px;
    height: 10px;
    position: absolute;
    top: 0;


    background-image: -webkit-gradient(
        linear,
        right bottom,
        left bottom,
        color-stop(0, #1972c1),
        color-stop(1, #005bac)
    );
    background-image: -o-linear-gradient(left, #1972c1 0%, #005bac 100%);
    background-image: -moz-linear-gradient(left, #1972c1 0%, #005bac 100%);
    background-image: -webkit-linear-gradient(left, #1972c1 0%, #005bac 100%);
    background-image: -ms-linear-gradient(left, #1972c1 0%, #005bac 100%);
    background-image: linear-gradient(to left, #1972c1 0%, #005bac 100%);

    display: none;
}

.productList1, .productList2 {
    width: 100%;
    height:300px;
}

.productList3 {
    width: 660px;
    height: 247px;
}

.productList4 {
    width: 319px;
    height: 603px;
}

.productList5 {
    width: 660px;
    height: 228px;
}

.productList6 {
    width: 660px;
    height: 167px;
}

.gradientList {
    position: absolute;
    top: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #f1f1f1),
        color-stop(1, #dfdfdf),
    );
    background-image: -o-linear-gradient(bottom, #f1f1f1 0%, #dfdfdf 100%);
    background-image: -moz-linear-gradient(bottom, #f1f1f1 0%, #dfdfdf 100%);
    background-image: -webkit-linear-gradient(bottom, #f1f1f1 0%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(bottom, #f1f1f1 0%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #dfdfdf 100%);

    opacity: .9;
    z-index: -1;

    display: none;
}

.topBar {
    z-index: 2;
}


.listWrapper{
    width: 100%;
    height: 260px;
    position: absolute;
    font: 16px/35px;
    display: none;
    z-index: 1;
}

.listWrapper li {
    width: 140px;
    display: block;
    float: left;
}

.productBlock ul {
    padding: 10px 0 0 30px;
}

.proPic {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

@media (max-width: 1200px) {
	
	.main{width:100%;}
	.main_product{width:100%;}
	.proPic img{max-width:100%;}
	
	
	
	}
	
	
	
	@media (max-width: 900px) {
	
	
	.scrollable ul li{width:50%;}
	
	
	.productBlock ul{padding:0px;}
	
	
	}