.brickfolio { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; padding:30px 30px }

.mb_top_title { position:relative; overflow:hidden; border-radius:10px 10px 0 0; width:100%}
.mb_top_title h2 { margin:0; min-height:20px; padding:8px 0 5px 18px; font-size:13px; display:block; overflow:hidden; font-weight:400; }
.mb_top_title .top_title { float:left; }
.mb_top_title .more { float:right; margin-right:10px; padding-top:3px; font-size:10px; transition:transform 0.4s ease-out, opacity 0.6s ease; transform:translateX(-10px); font-style:italic; text-shadow: 1px 1px 2px #eee; }
.mb_top_title .more:hover { transform:translateX(5px); opacity:1 }
.mb_top_title h2 b { display:block; position:absolute; top:14px; left:5px; width:7px; height:4px; }

.bf-item { display:none; padding:10px; margin:0 auto; }
.bf-item .bf-loaded { display:inline-block; background:#fff;}
.bf-item .bf-error {}

.brickfolio .mhthumb { padding-bottom:5px; }
.brickfolio .mhthumb img { padding:3px; border:1px solid #ccc; alpha(opacity=80); opacity:0.8; }
.brickfolio .mhthumb img:hover { filter:alpha(opacity=100); opacity:1; border:1px solid #fff; transform:scale(1.05);}

.brickfolio .mb_title { padding:5px 0; border-bottom:solid 1px #eee; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.brickfolio .mb_sum, 
.brickfolio .mb_price { padding:10px 0 5px; }
.brickfolio .mb_sum a { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; }
.brickfolio .mb_etc { float:right; }
.brickfolio .mb_etc span { margin:2px; font-size:10px; }
.brickfolio .mb_new { position:absolute; width:60px; top:3px; left:3px; z-index:99 }
.brickfolio .al { text-align:center }
.brickfolio .voted { margin-left:5px }
.brickfolio .voted i { color:#F48E0B; font-size:16px }
.brickfolio .voted span { margin-left:-12px; color:#fff; font-size:8px }

.brickfolio .starRating,.brickfolio .starRating span{overflow:hidden;display:inline-block;height:15px;background:transparent url(../img/iconStarRating.png) no-repeat}
.brickfolio .starRating{width:79px;vertical-align:middle;text-align:left !important; margin-bottom:5px; }
.brickfolio .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px; }

/* pageNavigation */
#mmcpageNavigation_mb { float:left; text-align:center; font:bold 11px; margin:10px; width:100%; }
#mmcpageNavigation_mb a { font:bold 1em; color:#666666; ; margin:0 8px 10px; }
#mmcpageNavigation_mb .current { font:bold 1em; color:#fff; ; margin:0 4px 0 8px; border:1px solid #000; background-color:#555; padding:5px 9px; border-radius:3px }
#mmcpageNavigation_mb .pageNavigation2 { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}
#mmcpageNavigation_mb a:hover { background:#fefefe; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); }
#mmcpageNavigation_mb a:visited { color:#999999; }
#mmcpageNavigation_mb .pn { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#f5f5f5; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}