@CHARSET "gb2312";

#main-content .left-nav{
	top: 5px;
	margin: 1px 6px 5px;
	padding: 0px;
	max-width: 100%;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
}

#main-content .left-nav .left-nav-li .dropdown-menu .active a{
	background: #fff;
}
#main-content .left-nav .left-nav-a{
	display: block;
	margin-left: 30px;
	height: 38px;
	line-height: 38px;
	color: #585858;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
#main-content .left-nav .coll-ul{
	position: static;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	background: #ffffff;
	transition: height 0s;
}
#main-content .left-nav .coll-ul li{
	
}
#main-content .left-nav .coll-ul li a{
	display: block;
	padding-left: 50px;
	height: 38px;
	line-height: 38px;
	color: #585858;
	border-bottom: 1px solid #e5e5e5;
	overflow:hidden;
	text-overflow: ellipsis;
}
#main-content .zt-pro-content{
	padding: 5px;
}
#main-content .zt-pro-content .head{
	margin: 20px auto;
	margin-bottom: 20px;
	padding: 5px;
	width: 50%;
	border-radius: 20px;
	color: #fff;
	text-align: center;
}
#main-content .zt-pro-content .head h3{
	margin: 0px;
}
#main-content .zt-pro-content .pro-box{
	border-bottom: 1px dashed #d0d0d0;
    margin-bottom: 15px;
    padding: 0 0 15px;
}
.zt-pro-content .pro-box .pro-img{
	float: left;
    padding-top: 5px;
    width: 25%;
    height: 145px;
    text-align: center;
    border: 1px solid #eee;
}
.zt-pro-content .pro-box .pro-img img{
	max-width: 100%;
    height: 138px;
    max-height: 138px;
}
.zt-pro-content .pro-box .pro-info{
	float: right;
    width: 72%;
    padding: 8px 0 0;
}
.zt-pro-content .pro-box .pro-info h4{
	margin: 0px;
    padding: 0px;
    font-size: 16px;
}
.zt-pro-content .pro-box .pro-info h4 a{
	padding: 0px;
	font-weight: bold;
}
.zt-pro-content .pro-box .pro-info .model{
	margin-top: 10px;
    color: red;
    font-weight: bold;
}
.zt-pro-content .pro-box .pro-info .text{
	color: #666;
}
.zt-pro-content .pro-box .pro-info .xq{
	width: 60px;
    text-align: center;
    color: #fff;
}
#main-content .pad-lr20{
	padding: 0 20px;
}

@media (min-width: 1200px){
	.content-left .affix{
		width: 237.73px;
	}
}
@media (max-width: 1200px){
	.content-left .affix{
		width: 208px;
	}
}

@media (max-width: 768px){
	#main-content .left-nav{
		position: static;
		width: 100%;
		margin: 0px;
	}
	#main-content .navbar-brand{
		height: auto;
	}
	.zt-pro-content .pro-box{
		overflow: scroll;
	}
	.zt-pro-content .pro-box .pro-img{
		width: 40%;
	}
	.zt-pro-content .pro-box .pro-info{
		width: 55%;
	}
	.zt-pro-content .pro-box .pro-info h4 a{
		overflow: visible;
		height: auto;
		white-space: normal;
	}
}