@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
@media (min-width: 1862px) {
    #jssor_1{
		width:100%!important;
		height:700px!important;
	}
}
@media (max-width: 1440px) {
    .c-content-overlay {
        overflow: hidden;
        position: relative;
        height: 225px;
    }
}

@media (max-width: 1360px) {
    .c-content-overlay {
        overflow: hidden;
        position: relative;
        height: 210px;
    }
}

@media (max-width: 1024px) {
    .col-md-2 {
        width: 100%;
        padding: 0!important;
    }
    .c-content-overlay {
        overflow: hidden;
        position: relative;
        height: 240px;
    }
    .c-content-tab-3 .nav {
        width: 100%;
    }
    .c-content-tab-3 .nav>li>a {
        border-radius: 0px;
        padding: 0px 5px;
    }
}

.c-info-a {
    padding: 15px 0px;
    background: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.c-info-a:hover{
    background: #7c0000;
    color: #fff;
}

.c-content-label {
    width: 100px;
    background: #7c0000;
    transition: width 2s;
    -moz-transition: width 2s;
    /* Firefox 4 */
    -webkit-transition: width 2s;
    /* Safari and Chrome */
    -o-transition: width 2s;
    /* Opera */
    cursor: pointer;
}

.c-content-label:hover {
    width: 300px;
}

.box{ float: left; margin: 10px; list-style: none; position: relative; overflow: hidden; }
.box .cover { width: 100%; height: 100%; background: rgba(124, 0, 0, 0.7); position: absolute; left: 0; top: 0; text-align: center; color: #ffffff; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s;cursor: pointer; }
.cover p{
	width:80%;
	margin:auto;
}
.box:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }

.products_box{ margin: 10px; list-style: none; position: relative; overflow: hidden; }
.products_box .cover { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    padding-top: 120px;
    box-sizing: border-box;
    transition: all 1.5s;
    opacity: 0;
}
.products_box:hover .cover{
	background: rgba(0, 0, 0, 0.7);
    opacity: 1;
}
.products_box .cover p{
	width: 40%;
    margin: auto;
    background: #7c0000;
    padding: 10px 10px;
    position: absolute;
    top: 50%;
    left: 32%;
}
.products_box:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
.c-title:hover {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.qcontainer{-webkit-perspective:400;-moz-perspective:400;float:left;width:220px;margin-right:20px;}
.film{width:100%;height:300px;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
.qcontainer:hover .film{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.face{position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;}
.face h3{color:white;text-align:center;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);background:-webkit-gradient(linear,left top,left bottom,from(#fdbb5a),to(#db5726));background:-moz-linear-gradient(top,#fdbb5a,#db5726);width:220px;height:300px;}
.tabs_home{
	width: 68px;
    height: 68px;
    display: block;
    margin: auto;
}
.tabs01 {
    background: url(../images/tabs01.png) no-repeat scroll center center;
}
.tabs02 {
    background: url(../images/tabs02.png) no-repeat scroll center center;
}
.tabs03 {
    background: url(../images/tabs03.png) no-repeat scroll center center;
}
.tabs04 {
    background: url(../images/tabs04.png) no-repeat scroll center center;
}