/*
	xbody {
		margin: 40px;
	}

.box {
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 150%;
}

.box:nth-child(even) {
  background-color: #ccc;
  color: #000;
}

.wrapper {
  width: 100%;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(11, 100px);
  grid-template-rows: 100px 100px 100px;
  grid-auto-flow: row;
}

*/

.box {
  background-color: red;
  color: #000000;
  border-radius: 1px;
  padding: 10px;
  font-size: 150%;
  display: inline-block
}

.box a:hover a:hover img 
{
  position:absolute;
  left:-50px;
  top:-32px;
  width:250px;
  height:350px;
  height: auto;
  border-color:#000;
}





.box:nth-child(even) {
    background-color: red;
    color: #000000;
}

.wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
  margin-bottom: 2em;
}

  .wrapper2 {
  		display: grid;
      border:1px solid #000;
      grid-gap: 10px;
  		grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  	}





.Fgallery-inner {
  background: red;
  margin : auto;
  width : 20%;
  font-size: 1.2rem;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 1px;
  list-style:none;
}

.Fgallery-inner li {
  list-style-type:none;
  display: inline-block;
}

.Fgallery-inner a:link, #gallery-inner a:visited {
  color: #666666 ;
  display : inline-block;
  text-align : center;
  text-decoration : none;
  text-transform : none;
  font-size: 1.2rem;
}

.Fgallery-inner a:hover {
  color: #cccccc ;
  display:inline-block;
}



/*
.gallery-inner {
    background-color: yellow; 
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

.gallery-inner li {
    display: inline-block;
    font-size: 20px;
    padding: 20px;
}
*/


.single-pics-Xgallery {

}

.single-pics-Xgallery figure {
  font-size: 1.5rem;
  text-align: center;
  text-indent: 0;
}



.single-pics-Fgallery {
  height : auto;
  width : auto;
  justify-content : center;
  align-items : center;
  overflow : hidden;
  color : darkblue;
   z-index: 10;

}

.single-pics-Fgallery img {
    z-index:10;
  width : 100%;
  display : inline;
  margin : 0px;
  max-width: 200%;
  height: auto;
 overflow : hidden;
}


.single-pics-Fgallery:hover {
    position:relative;
    left:-50px;
    width:350px;
    height:auto;
    display:block;
    z-index:15;
  left:-70px;
  top:-32px;
  background: red; 
 overflow : hidden;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(213,213,213,0.6);
    -moz-box-shadow: 0px 6px 6px 0px rgba(213,213,213,0.6);
    -ms-box-shadow: 0px 6px 6px 0px rgba(213,213,213,0.6);
    -o-box-shadow: 0px 6px 6px 0px rgba(213,213,213,0.6);
    box-shadow: 0px 6px 6px 0px rgba(213,213,213,0.6);

}


.single-pics-Fgallery figcaption { 
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: auto;
background: red; 
}

A.xsingle-pics-Fgallery{

}
A.xsingle-pics-Fgallery:hover img{

  position:absolute;
  left:-50px;
  top:-32px;
  width:250px;
  height:350px;
  height: auto;
  border-color:#000;
}