.portfolio-shape li .boxcaption {
	left: 0px; bottom: -241px;
}
.portfolio-shape li .box_2 {
	padding: 60px 20px; width: 129px; height: 120px; text-align: center;
}
.portfolio-shape .boxcaption {
	background: 0px 0px rgb(39, 120, 200); float: left; position: absolute; cursor: pointer;
}
.portfolio-shape .project-name {
	width: 100%; float: left;
}
.portfolio-shape .project-name h2 {
	margin: 36px 0px 12px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 15px;
}
.portfolio-shape .project-name h5 {
	margin-bottom: 28px;
}
.project-float-text {
	width: 100%; float: left;
}
.project-float-text p {
	color: rgb(252, 252, 252); line-height: 18px; margin-bottom: 10px;
}
.portfolio-shape .p-view {
	top: 50%; width: 36px; height: 36px; margin-top: 81px; display: block; position: absolute; z-index: 999;
}
.portfolio-shape .p-link {
	top: 50%; width: 36px; height: 36px; margin-top: 81px; display: block; position: absolute; z-index: 999;
}
.portfolio-shape .p-view {
	background: url("../images/icons/view.png") 0px 0px; left: 50%; margin-left: -50px;
}
.portfolio-shape .p-view:hover {
	background-position: 0px -36px;
}
.portfolio-shape .p-link {
	background: url("../images/icons/link.png"); right: 50%; margin-right: -50px;
}
.portfolio-shape .p-link:hover {
	background-position: 0px -36px;
}
.portfolio-float {
	margin: 0px 0px 30px; padding: 0px; width: 100%; float: left;
}
.portfolio-float ul {
	margin: 0px; padding: 0px; list-style-type: none;
}
.portfolio-float ul li {
	margin: 0px 0px 5px 5px; padding: 0px; float: left; position: relative; background-color: rgb(248, 248, 248);
}
.portfolio-float ul li img {
	float: left;
}
.portfolio-float ul.port-effect li {
	margin: 20px 10px 0px; overflow: hidden; background-color: transparent;
}
.port-effect .img-effect-port {
	display: block; position: relative;
}
.port-effect .item-mask {
	left: 0px; top: 0px; position: absolute; z-index: 99;
}
.port-effect .img-effect-port img {
	z-index: 9;
}
.hexagon .img-effect-port {
	width: 170px; height: 184px;
}
.hexagon .item-mask {
	background: url("../images/portfolio/mask-hexagon.png") no-repeat 0px 0px; width: 170px; height: 185px;
}
.hexagon .img-effect-port img {
	height: 184px;
}
.filterable-float {
	float: right;
}
.filterable-float ul {
	margin: 0px auto;
}
.filterable-float li {
	background: none; margin-right: 10px; float: left; display: inline;
}
.filterable-float li:last-child {
	background: none;
}
.filterable-float li a {
	padding: 0px 10px; border: 1px solid rgb(236, 236, 236); border-image: none; color: rgb(119, 119, 119); font-size: 12px; display: inline-block; background-color: rgb(255, 255, 255);
}
.filterable-float li a:hover {
	border-color: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.filterable-float li.current a {
	border-color: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.filterable-float li span {
	color: rgb(204, 204, 204); font-size: 11px;
}