.content {
    width: 1200px;
    margin: 20px  auto  0  auto;
    overflow: hidden;
}
.content .title {
    overflow: hidden;
    margin-top: 36px;
    border-bottom: 1px solid #003464;
    margin-bottom: 30px;
}
.content .title p {
    float: left;
    font-size: 18px;
    line-height: 1.4;
}
.content .title ul {
    float: right;
    overflow: hidden;
}
.content .title ul li {
    float: left;
    margin: 0 10px;
    padding: 2px 4px;
    border-radius: 4px;
    color: #003464;
    width: 282px;
    height: 208px;
}
.content .title ul li a {
    font-size: 14px;
    line-height: 1.4;
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.content .title ul li a img {
    width: 100%;
}
 .content .title ul li.term_this {
     background-color: #069a9c;
     color: #fff;
 }
.img_list {
     clear: both;
     text-align: left;
     overflow: hidden;
 }
.img_list ul {
     overflow: hidden;
     width: 1230px;
 }
.img_list ul li {
     float: left;
     margin-right: 20px;
     margin-bottom: 20px;
     position: relative;
	 width: 282px;
	 height: 203px;
	 overflow: hidden;
 }
 .img_list ul li a img {
	 width: 100%;
	 height: 100%;
 }
 .thumb_hover {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,.5);
     filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5F000000,endcolorstr=#5F000000);
     text-align: center;
     display: none;

 }
.thumb_hover h3 {
    color: #fff;
    padding: 25px 0px 10px 0px;
    font-size: 18px;
}
.thumb_hover h3 a {
    color: #fff;
}
.thumb_hover p {
    margin: 0px 10% 10px 10%;
    color: #939393;
}
.thumb-actions {
    text-align: center;
    overflow: hidden;
    width: 110px;
    margin: auto;
}
.thumb-actions a {
    float: left;
}
.thumb-actions .link {
    background: url("../images/l.png") no-repeat center;
    width: 35px;
    height: 35px;
    margin: 20px 10px;
}
 .thumb-actions .zoom {
     background: url("../images/z.png") no-repeat center;
     width: 35px;
     height: 35px;
     margin: 20px 10px;
 }

 /*遮罩层*/
.mak {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 10px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}
.mak .colse {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/mak_colse.png");
    background-repeat: no-repeat;
    background-position: top right;
    width: 40px;
    height: 40px;
}
 /*hover*/
.img_list ul li:hover .thumb_hover {
    display: block;
}
.content .title ul li:hover {
    background-color: #069a9c;
    color: #fff;
}