.photogrid {
  position: relative;
  clear: both;
  margin: 20px 0 40px;
  padding: 40px 40px 20px;
  background: #333333 url(../../images/blog/noise-black.png) center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0))), #333333 url(../../images/blog/noise-black.png) center;
  background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%), #333333 url(../../images/blog/noise-black.png) center;
  -webkit-box-shadow: 0 1px 0 #fff, 0 1px 3px #000 inset;
  -moz-box-shadow: 0 1px 0 #fff, 0 1px 3px #000 inset;
  -ms-box-shadow: 0 1px 0 #fff, 0 1px 3px #000 inset;
  -o-box-shadow: 0 1px 0 #fff, 0 1px 3px #000 inset;
  box-shadow: 0 1px 0 #fff, 0 1px 3px #000 inset; }
.article-body .photogrid ul li {
    margin: 0;
    list-style: none; }
  .photogrid ul li {
    position: absolute;
    width: 16.8%;
    background: #000;
    z-index: 98; }
  .photogrid li a {
    display: block;
    position: relative; }
  .photogrid li img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .photogrid li figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    padding: 30px 10px 10px;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    opacity: .5;
    font-weight: normal;
    overflow: hidden;
    text-shadow: 0 1px 3px #000;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .photogrid ul:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 1px;
    z-index: 100;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .photogrid ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
  .photogrid:hover ul img, .photogrid:hover ul figcaption {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    opacity: .5; }
  .photogrid:hover li:hover a img, .photogrid:hover li:hover a figcaption {
    opacity: 1; }
  .photogrid ul li:hover {
    z-index: 99; }
  .photogrid ul li a:hover:after,
  .photogrid ul li a:focus:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid yellow;
    z-index: 100;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .5), 0 3px 10px #000, 0 0 20px rgba(255, 255, 0, .5), 0 0 10px rgba(255, 255, 0, .5) inset;
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .5), 0 3px 10px #000, 0 0 20px rgba(255, 255, 0, .5), 0 0 10px rgba(255, 255, 0, .5) inset;
    -ms-box-shadow: 0 3px 20px rgba(0, 0, 0, .5), 0 3px 10px #000, 0 0 20px rgba(255, 255, 0, .5), 0 0 10px rgba(255, 255, 0, .5) inset;
    -o-box-shadow: 0 3px 20px rgba(0, 0, 0, .5), 0 3px 10px #000, 0 0 20px rgba(255, 255, 0, .5), 0 0 10px rgba(255, 255, 0, .5) inset;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .5), 0 3px 10px #000, 0 0 20px rgba(255, 255, 0, .5), 0 0 10px rgba(255, 255, 0, .5) inset; }
  .photogrid ul.count-7 li.photo-1,
  .photogrid ul.count-2 li.photo-1,
  .photogrid ul.count-3 li.photo-1,
  .photogrid ul.count-6 li.photo-1,
  .photogrid ul.count-6 li.photo-2,
  .photogrid ul.count-9 li.photo-1,
  .photogrid ul.count-10 li.photo-1 {
    position: relative;
    float: left; }
  .photogrid ul.count-7 li.photo-1,
  .photogrid ul.count-2 li.photo-1,
  .photogrid ul.count-3 li.photo-1,
  .photogrid ul.count-6 li.photo-1,
  .photogrid ul.count-6 li.photo-2,
  .photogrid ul.count-9 li.photo-1,
  .photogrid ul.count-2 li.photo-2,
  .photogrid ul.count-10 li.photo-1 {
    width: 50%; }
  .photogrid ul.count-3 li,
  .photogrid ul.count-3 li.photo-1,
  .photogrid ul.count-9 li.photo-1,
  .photogrid ul.count-6 li.photo-1,
  .photogrid ul.count-6 li.photo-2,
  .photogrid ul.count-7 li.photo-2 {
    width: 33.3333333333%; }
  .photogrid ul.count-6 li.photo-3,
  .photogrid ul.count-6 li.photo-5,
  .photogrid ul.count-7 li.photo-6,
  .photogrid ul.count-9 li.photo-4,
  .photogrid ul.count-9 li.photo-8,
  .photogrid ul.count-10 li.photo-3,
  .photogrid ul.count-10 li.photo-6,
  .photogrid ul.count-10 li.photo-9 {
    right: 16.6666666667%; }
  .photogrid ul.count-6 li.photo-4,
  .photogrid ul.count-6 li.photo-6,
  .photogrid ul.count-7 li.photo-4,
  .photogrid ul.count-3 li.photo-3,
  .photogrid ul.count-7 li.photo-3,
  .photogrid ul.count-7 li.photo-7,
  .photogrid ul.count-9 li.photo-5,
  .photogrid ul.count-9 li.photo-9,
  .photogrid ul.count-10 li.photo-4,
  .photogrid ul.count-10 li.photo-7,
  .photogrid ul.count-10 li.photo-10 {
    right: 0; }
  .photogrid ul.count-6 li.photo-5,
  .photogrid ul.count-6 li.photo-6,
  .photogrid ul.count-9 li.photo-6,
  .photogrid ul.count-7 li.photo-6,
  .photogrid ul.count-7 li.photo-5,
  .photogrid ul.count-7 li.photo-7,
  .photogrid ul.count-9 li.photo-7,
  .photogrid ul.count-9 li.photo-8,
  .photogrid ul.count-9 li.photo-9,
  .photogrid ul.count-10 li.photo-8,
  .photogrid ul.count-10 li.photo-9,
  .photogrid ul.count-10 li.photo-10 {
    bottom: 0; }
  .photogrid ul.count-3 li.photo-2,
  .photogrid ul.count-9 li.photo-3,
  .photogrid ul.count-9 li.photo-7 {
    right: 33.3333333333%; }
  .photogrid ul.count-7 li.photo-4,
  .photogrid ul.count-10 li.photo-5,
  .photogrid ul.count-10 li.photo-6,
  .photogrid ul.count-10 li.photo-7 {
    top: 33.3333333333%; }
  .photogrid ul.count-7 li.photo-5,
  .photogrid ul.count-7 li.photo-2,
  .photogrid ul.count-2 li.photo-2,
  .photogrid ul.count-10 li.photo-2,
  .photogrid ul.count-10 li.photo-5,
  .photogrid ul.count-10 li.photo-8 {
    left: 50%; }
  .photogrid ul.count-9 li.photo-2,
  .photogrid ul.count-9 li.photo-6 {
    left: 33.3333333333%; }