.fw{ width: 1200px; margin: 0 auto; }

a{ text-decoration: none; }

#detail #projectbody{ min-height: 600px; }

#projectwrap.fw

#projectib .projectitem img{

	width: 150px;

	height: 113px;

	float: none;

}

#detail #projectib{

	margin-right: -10px;

    margin-top: 20px;

    margin-left: 40px;

    float: left;

    width: 340px;

}

#detail #projectih .description p{

	color: #6a6a6a;

    font-size: 13px;

    line-height: 24px;

    margin: 30px 0;

}

#detail .postbody{ min-height: 600px; }

#detail.content .header{ padding-bottom: 60px; }

#detail.content .header{ padding-top: 80px; }

#detail .header p.title{

	font-size: 32px;

    margin-top: 20px;

    margin-bottom: 20px;

    color: #444;

    font-weight: bold;

}

#detail .header p.subtitle{

	font-size: 12px;

    line-height: 24px;

    margin: 0 auto;

    width: 720px;

    color: #8F8F8F;

}

#detail .header p{ text-align: center; }

#detail .postbody p{    word-wrap: break-word; word-break: normal;}

#detail .postbody{

	line-height: 24px;

    font-size: 13px;

    color: #6a6a6a;

    min-height: 600px;

}

#detail .postbody img{ max-width: 100%; }

#detail{

	background-color: #fff;

    position: relative;

    z-index: 1;

    padding-bottom: 50px;

    overflow: hidden;

}

#detail #projectwrap{

	    padding-top: 50px;

    min-height: 600px;

}

#detail #projectbody{

	min-height: 600px;

	width: 800px;

	float: left;

}

#detail #projectinfo{

    width: 340px;

    margin-left: 40px;

    float: left;



}

#detail #projectbody .postbody{

	padding: 70px 0;

    width: 100%;

}

#detail #projectbody .postbody img{ max-width: 800px; }

#detail #projectinfo{

	width: 340px;

    margin-left: 40px;

    float: left;

}

#detail #projectih{ width: 340px; }

#detail #projectinfo .header{     margin-top: 60px; }

#detail #projectinfo .header{    

	padding: 0;

    border-bottom: #cccccc 1px dotted;

    width: 340px;

}

#detail #projectinfo .header p{ text-align: left; }

#detail #projectinfo .header .description{

	    color: #6a6a6a;

    font-size: 13px;

    line-height: 24px;

    margin: 30px 0;

}

#detail #projecttags{

	margin-top: 20px;

    width: 340px;

    margin-left: 40px;

    float: left;

}

#detail #projecttags a{

	    float: left;

    font-size: 13px;

    color: #989898;

    padding: 5px 10px;

    background: #f3f3f3;

    margin-right: 5px;

    margin-bottom: 5px;

}

#detail #projectib .projectitem{

	width: 160px;

    height: auto;

    float: left;

    margin-right: 10px;

    margin-bottom: 14px;

}

#detail #projectib .projectitem a .project_info{

	width: 100%;

    height: auto;

}

#detail #projectib .projectitem a .project_info p.title{

	margin-top: 10px;

    color: #333;

    font-size: 12px;

    transition: all ease-out .3s;

        overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

#detail #projectib .projectitem a .project_info p.subtitle{

	margin-top: 0px;

    color: #b7b7b7;

    font-size: 12px;

    transition: all ease-out .3s;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



#detail1{

	width: 1200px;

	height: 800px;

	padding-bottom: 100px;

}

#detail1 .swiper-container{

	width: 80%;

    margin-left: auto;

    margin-right: auto;

}

#detail1 .gallery-top{

	width: 80%;

	height: 80%;

}

#detail1 .gallery-top .swiper-slide{

	width: 100%;

	height: 100%;

}

#detail1 .gallery-top .swiper-slide img{

	width: 100%;

	height: 100%;

}

#detail1 .gallery-thumbs{

	box-sizing: border-box; 

	height: 20%;

	padding: 10px 0;

	background-color: #000;

	margin-bottom: 20px;

}

#detail1 .gallery-thumbs .swiper-slide{

	width: 25%;

    height: 100%;

    opacity: 0.4;

}

#detail1 .gallery-thumbs .swiper-slide img{

	width: 100%;

	height: 100%;

}

#detail1 .gallery-thumbs .swiper-slide-active { opacity: 1; }

#detail #projectib .projectitem a:hover .project_info div p.title{ color: #810707; }