#overlaygallery {
   display: none;
   z-index: 110;
   position: absolute;
   width: 100%;
   height: 100%;
   text-align: center;
   
   
}

#overbackground{
   display: none;
   position: absolute;
   z-index: 100;
   opacity: 0.8;
   width: 100%;
   height: 100%;
   background-color: #000000;
}


.over-table {
   height: 100%;
   width: 100%;
   border-collapse: collapse;
   text-align: center;
}

.over-td {
   height: 100%;
   padding: 0;
   vertical-align: middle;
}

.over-content {
  margin: auto;
  text-align: center;
}

.over-content  td{
  padding: 0;
}

#overmain {
  margin: auto;
  
  border-style:solid;
  border-width:20px;
  border-color:#fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  
  border-spacing:0;
  background-color: #fff;
}

.overtxt{
  border-style:solid;
  border-width: 0 20px 0 0; 
  border-color:#fff;
  vertical-align: top;
  text-align: left;
  width: 180px;
  table-layout: fixed;
}

#over-serietitle {
	padding: 0 0 20px 0;
	font-weight: bold;
}

#over-seriecomment {
	padding: 0 0 20px 0;
	font-size: 15px;
	word-wrap: break-word;
	text-align : left;
}

#over-imgname {
	padding: 0 0 20px 0;
	font-size: 15px;
	font-weight: bold;
}


.overcontrols {
	text-align: left;
	padding: 0 10px 10px 0;
}
.overcontrols  img{
	padding: 0 10px 0 0;
}

#overpic{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  position: relative;
  background-repeat: no-repeat;
  
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;

  -webkit-transition-property : all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
}

#overback{
  display: inline;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 4;
  text-align: left;
}

#overback:hover {
  cursor: pointer;
}

#overtextback{
  position: relative;
  top: 100px;
  padding: 10px;
  background: #000;
  
  border-style:solid;
  border-width: 0 10px 0 0;
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-color: #000;
  
  display: none;
}

#overnext{
  display: inline;
  float: right;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 4;
  text-align: right;   
}

#overnext:hover {
  cursor: pointer;
}

#overtextnext{
  position: relative;
  top: 100px;
  padding: 10px;
  background: #000;
  
  border-style:solid;
  border-width: 0 0 0 10px;
  border-radius:  10px 0 0 10px ;
  -webkit-border-radius: 10px 0 0 10px;
  border-color: #000;
  
  display: none;
}