#bottom {  width: 100%;  -webkit-box-shadow: inset 0 2px 6px #111111;  -moz-box-shadow: inset 0 2px 6px #111111;  box-shadow: inset 0 2px 6px #111111;}
#bottom #works {  list-style: none;  margin: 20px auto;}
#bottom #works li {  float: left;  margin: 10px 10px;  position: relative;  cursor: pointer; width: 23%;}
#bottom #works li .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #004383;display: none;}
#bottom #works li .overlay .title {  *zoom: 1;  margin-top: 152px;  color: #fff;  font-family: 'Pacifico', cursive;  font-size: 24px;}
#bottom #works li .overlay .title:before,#bottom #works li .overlay .title:after {  display: table;  content: "";}
#bottom #works li .overlay .title:after {  clear: both;}
#bottom #works li .overlay .slogan {  margin-top: 5px;  font-size: 13px;  color: #999;}
#bottom #works li .details {  position: absolute;  bottom: -25px;  padding-top: 20px;  display: none;  left: 0;  right: 0;  text-align: right;}
#bottom #works li > a {  height: auto;width: 100%; display: block;  border: 1px solid #DBDBDB; *zoom: 1;}
#bottom #works li > a:before,#bottom #works li > a:after {  display: table;  content: "";}
#bottom #works li > a:after {  clear: both;}
.box-article .center {  text-align: center;  width: auto;  margin: 0 auto;}
box-article .center.center-big {  width: 100%;}
#overlay {  background: #000;  position: absolute;  z-index: 1000;  left: 0;  top: 0;  right: 0;  bottom: 0;}
img{border: 0;}