/* main page layout */
#w ul { list-style:none;}

/* sorting and filtering */
.sort { display: block; font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; font-size: 1.4em; line-height: 0.9em; color: #444; }
.sort ul { text-align:;}
.sort li {border:1px solid #ccc;padding:5px;}
.sort li:hover{background: #bb9a00;}
.sort li:hover a{color: #fff;}
.sort li a {margin-right: 4px; padding: 0px 3px; text-decoration: none;}
.sort li a:hover {color: #fff; text-decoration: none; border:none;}
.sort ul .selected {background: #bb9a00;}
.sort ul .selected a{color: #fff;}

/* portfolio items */
.portfolio { 
	width:100%;
	display: block;
	text-align:center; 
	padding: 20px 0 0 0; 
	margin: 0 0 10px; 
}

.portfolio li{ 
  float: left; 
  margin-right: 18px; 
  margin-bottom: 18px;
}
.portfolio li a { 
  display: block;
  line-height:28px;
  -webkit-transition: all 0.35s linear; 
  -moz-transition: all 0.35s linear; 
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
}
.portfolio li img{width:270px;height:171px}

.portfolio ul{text-align:center;margin:0;padding:0;display:block;width:270px;}
.portfolio .ljxq li{padding:0px;margin:0 0 10px 0;border:1px solid #ccc;width:268px;}
.portfolio .ljxq li:hover{border:1px solid #bb9a00;}
.portfolio .ljxq_nav a{float:left;color:#544b2e;width:250px;}
.portfolio .ljxq_nav a:hover{color:#bb9a00;}
.portfolio .ljxq_nav i{float:left;margin:8px 0 0 0;}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }