@charset "utf-8";

/*
 *
 * Usage: Top layout
 *
 * Name: top.css
 *
 */



/*---------------------------------------------------------------------
Top layout
---------------------------------------------------------------------*/
#workList {text-align:center;}
    #workList li {float:none; width:70%; height:auto; margin:0 auto 30px auto;}

    #workList li a:before {
      display:none;
    }


    /* mouse over */
    #workList li a .name  {
      -webkit-transform: translate(0);
      transform:         translate(0);
      opacity:1;
      position:relative; bottom:0; left:0;
    }
    #workList li a .thumb {
      -webkit-transform: translate(0) scale(1);
      transform:         translate(0) scale(1);
      position:relative; top:0; left:0;
      width:100%;
    }


    #workList li:hover a .thumb {
      -webkit-transform: translate(0) scale(1);
      transform:         translate(0) scale(1);
    }



/* overlay */
#overlay {background-color:#fff; position:fixed; top:0; width:100% !important; height:100%; z-index:9999; display:none;}
#overlayBody {
  -webkit-transform: translate(0,-50%);
  -moz-transform:    translate(0,-50%);
  transform:         translate(0,-50%);
  position:fixed; top:50% !important; width:100% !important; text-align:center; z-index:10000; display:none;
}

  #overlayBody #ovTitle {font-size:14px;}
  #overlayBody #ovImg   {margin-bottom:85px; padding:0 50px;}
    #overlayBody #ovImg img {max-width:100%;}

  #btnClose {position:fixed; top:65px !important; right:15px; z-index:999; display:none;}
    #btnClose a {padding:15px;}

  .btn a {display:block; width:50px; height:0; padding-top:50px; overflow:hidden;}
  #btnPrev  {position:absolute; top:50%; margin-top:-14px; z-index:999; left:15px;}
  #btnNext  {position:absolute; top:50%; margin-top:-14px; z-index:999; right:15px;}
  #btnPrev a {background:url(../images/btn_prev.gif) no-repeat 50% 50%;}
  #btnNext a {background:url(../images/btn_next.gif) no-repeat 50% 50%;}
  #btnPrev a:hover {background-position:30% 50%;}
  #btnNext a:hover {background-position:70% 50%;}

  #overlay.active {display:block;}
  #overlayBody.active {display:block;}
  #btnClose.active {display:block;}