.pic{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    position:fixed;
    display:none;
    z-index:10001;
}

.nav{
    position:fixed;
    display:none;
    z-index:10001;
    transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    cursor:pointer;
}

.nav:hover{
    opacity:0.5;
}

#prev {
    top:50%;
    left:50%;
    transform:translate(-450px,254px);
    -moz-transform:translate(-450px,254px);
    -webkit-transform:translate(-450px,254px);
}
#next {
    top:50%;
    left:50%;
    transform:translate(-379px,254px);
    -moz-transform:translate(-379px,254px);
    -webkit-transform:translate(-379px,254px);
}
#close {
    top:50%;
    left:50%;
    transform:translate(400px,254px);
    -moz-transform:translate(400px,254px);
    -webkit-transform:translate(425px,-275px);
}

#overlay{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.8);
    display:none;
    z-index:10000;
}

#group1{
    width:949px;
    height:169px;
    margin-left:25px;
    margin-bottom:30px;
}

#g_container{
    position:absolute;
    width:999px;
    top:349px;
    left:50%;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}

#g_container img{
    vertical-align:bottom;
    float:left;
    transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    cursor:pointer;
}

#g_container img:hover{
    opacity:0.5;
}

#group1 img:nth-of-type(2){
    margin:0px 50px;
}