body{background: none #000; color: #FFF; padding: 0px; margin: 0px; overflow: hidden; } 
			.spinner{
        position: absolute;
        left: 47%;
        top: 47%;
      }
      
      #header img{
         margin: 15px;
         vertical-align: middle;
      }
      
      #header span{
        font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
        font-weight: 500;
        font-size: 18px;
      }
      
			li{
				margin: 0px;
				padding: 0px;
				overflow: hidden;
				background-size: cover;
				background-repeat: no-repeat;
        width: 16%;
        height: auto;
        min-width: 100px;
        min-height: 100px;
			}
			ul, li {display: inline-block;
			list-style: none;
			padding: 0px;
			margin:0px;
      text-align: center;
			}
      ul{
        padding-bottom: 50px;
      }
      .image {opacity: 0;}
      .image a{border: 0; text-decoration: none;}	
			.overlay{
        height: 100%;
        width: 100%;
        min-width: 100px;
        min-height: 100px;
        background: none rgba(0, 0, 0, .6);
      }
      
      .overlay:hover{
        background: none rgba(0, 0, 0, 0);
      }
      
      #content{
        width: 101%;
        margin-left: 0px;
        margin-right: auto;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
        height: 95%;
      }
      .imgOl{
        background: none transparent;;
        width: 6px;
        height: 8px;
        position: absolute;
        left: 50%;
        top: 300px;
        z-index: 2;
        text-align: center;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top:-50px;
        
      }
      .imgOl img{
        border: solid 0px #FFF;
        max-width: 95%;
        max-height: 70%;
      }
      .imgCom{
        color: #FFF;
        float: left;
        width: 406px;
        text-align: left;
        padding-left: 3%;
        margin-left:auto;
        margin-top: 25px;
        height: 70%;
        overflow-y: auto;
        overflow-x: hidden;
        display: none;
      }
      .imgCom p{
        padding-left: 0;
        font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
        font-size: 13px;
        margin-bottom: 0px;
        min-height: 0px;
        width:0x;
      }
      .imgCom p .fbUser{
        font-weight: 700;
        color: #7399E9;
      }
      .imgCom p img {
        margin-right: 10px;
        margin-bottom: 10px;
      }
      .imgCom img{
        float: left;
      }
      .comFb{
        font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
        font-size: 14px;
        padding-left: 30px;
        background: url(../image/fb.png) no-repeat top left;
        display: inline-block;
        margin-top: 12px;
        color: #FFF;
        text-decoration: none;
      }
      .closePic{
        position: absolute;
        top: -7px;
        margin-left: -35px;
        z-index: 25;
        width: 45px;
        height: 45px;
        background: url(../image/close.png) no-repeat center top transparent;
        cursor: pointer;
      }
      
      
    /* Webkit Toolbar customization*/
     ::-webkit-scrollbar {
        width: 12px;
    }
     
    /* Track */
     ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7); 
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
     ::-webkit-scrollbar-track-piece {
        background: rgba(225,225,225,0.1);

    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(225,225,225,0.8); 
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }
   ::-webkit-scrollbar-thumb:window-inactive {
    	background: rgba(0,0,0,0.1); 
    }
    
    
    
   @media only screen and (min-width: 600px){
       .navit{
        position: absolute;
        opacity: .5;
        font-size: 75px;
        font-weight: 100;
        font-family: consolas;
        margin-left: -30px;
        margin-top: 20%;
        cursor: pointer;
      }
      .advrt{
        padding-left: 5%;
      }      
      .advlt{
        margin-left: -9%;
      }
    
    }
    
    @media only screen and (max-width: 600px){
      .navit{display: none}
    
    }