@charset "utf8";
.cont_left{
 float:left;
 margin-left:38px;
 margin-top:50px;
 border-right:1px solid #888;
}
.full{
 position:fixed;
 top:50px;
}
.cont_left h4{
 font-weight:bold;
 font-size:24px;
 text-align:right;
 font-weight: 700;
 line-height: 1.25;
 margin-right:18px;
}
.cont_left p{
 color:#b30a0a;
 margin-top:15px;
 font-size:16px;
 margin-right:18px;
}
.cont_left ul {
 margin-top:30px;
}
.cont_left ul li a{
 color:#333;
 font-size:16px;
 transition: all 0.5s;
}
.cont_left ul li{
 padding:10px 20px;
 text-align:right;
}
.cont_left li:hover a{
 color:#888;
 padding-right:23px;
 transition: all 0.5s;
}
.ab_classname{
 margin-top:-17px;
}

.ab_classname h1{
 font-size:24px;
 font-weight: 700;
 line-height: 1.25;
}
 .masonry { 
                -moz-column-count:3; /* Firefox */
                -webkit-column-count:3; /* Safari 和 Chrome */
                column-count:2;
                -moz-column-gap: 2em;
                -webkit-column-gap: 2em;
                column-gap: 20px;
                width:830px;
                margin-top:30px;
 }
.item { 
			    width:410px;
                -moz-page-break-inside: avoid;
                -webkit-column-break-inside: avoid;
                break-inside: avoid;
                background: #f60;
				margin-bottom:15px;
				background-color:#fff;
				box-shadow:0px 0px 1px #ccc;
				overflow:hidden;
				transition: all 0.5s;
}
.item:hover{
                box-shadow:0px 0px 10px #888;
				transition: all 0.5s;
}
.item:hover h3{
                color:#999;
				transition: all 0.5s;
}
.item img{
			    width:410px;
				transition: all 0.4s;
}
.item img:hover{
			    transform: scale(1.07);
}
.item a{
			    text-decoration:none;
}
.item h3{
			    color:#222;
				font-size:1.5rem;
				margin:15px 20px;
				font-weight: 600;
}
.item p{
			    color:#888;
				font-size:14px;
				margin:15px 20px;
				line-height:24px;
}
.item span{
			    display:block;
			    color:#888;
				font-size:14px;
				margin:15px 20px;
				line-height:34px;
				padding-bottom:30px;
}