#displaybox {
  	z-index: 10000;
  	filter: alpha(opacity=100); /*older IE*/
  	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
  	-moz-opacity: 1; /*older Mozilla*/
  	-khtml-opacity: 1;   /*older Safari*/
  	opacity: 1;   /*supported by current Mozilla, Safari, and Opera*/
  	/*background-color:#000000;*/
  	position:fixed; top:100px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
    }  

    ul.ulenlarge{
    list-style-type:none; /*remove the bullet point*/
    }
    ul.ulenlarge li.lienlarge{
    display:inline-block; /*places the images in a line*/
    position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
    z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
    margin:10px 40px 0 20px; /*space between the images*/
    }

    /***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
    ul.ulenlarge img{
    /*give the thumbnails a frame*/
    background-color:#eae9d4; /*frame colour*/
    padding: 6px; /*frame size*/
    /*add a drop shadow to the frame*/
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    /*and give the corners a small curve*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    /***Override the styling of images set in step 3 to make the frame smaller and the background darker***/
    ul.ulenlarge span img{
    padding: 2px; /*size of the frame*/
    background: #ccc; /*colour of the frame*/
    }

    /***Style the <span> containing the framed images and the caption***/
    ul.ulenlarge	 span{
    /**Style the frame**/
    padding: 10px; /*size of the frame*/
    background:#eae9d4; /*colour of the frame*/
    /*add a drop shadow to the frame*/
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    /*give the corners a curve*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    /**Style the caption**/
    font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
    font-size:.9em;
    text-align: center;
    color: #495a62;
    }