body{
  margin:0;
}
.magazine-gallery-top{
  float:left;
  width:100%;
  height:60px;
  background-color:#ffffff;
  text-align:center;
  position:relative;
}
.magazine-gallery-top h1{
  /*float:left;*/
  font-size:28px;
  font-weight:bold;
  line-height:60px;
  color:#000000;
  text-align:left;
  clear:none;
  margin:0 0 0 20px;
}
.magazine-gallery-top .mgallery-logo{
  float:left;
  height:60px;
  margin-right:20px;
}
.magazine-gallery-top .mgallery-logo img{
  float:left;
  height:44px;
  margin:8px 0 0 8px;
}
.gallery-close{position:absolute;
  right:10px;
  top:18px;
  float:left;
  padding:5px 10px 5px 10px;
  background-color: red;
  color:#ffffff;
  text-decoration:none;
}
.gallery-close:hover{
  text-decoration:underline;
  color:#ffffff;
}



.magazine-gallery-box{
  position:relative;
}

.goto-media{
  position:absolute;
  right:5px;
  bottom:10px;
  float:left;
  width:320px;
  height:52px;
  text-decoration:none!important;
  font-size:18px;
  font-weight:bold;
  background:url('../images/topzine-button.png') no-repeat left bottom;
}
.goto-media:hover{
  opacity:0.6;
  
}

#magazine-gallery-page{
  width:100%;
  height:100%;
  background-color:#000000;
  position:relative;
}

.magazine-gallery-wrap{
  width:1200px;
  margin:auto;
}
.magazine-gallery-right{
  float:right;
  position:relative;
  padding:40px 20px 40px 20px;
  width:30%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.magazine-gallery-left{
  position:relative;
  padding:100px 40px 40px 40px;
  width:70%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.magazine-gallery-left .main-image{
  width:100%;
  height:400px;
  text-align:center;
  position:relative;
}
.magazine-gallery-left .main-image .m-image-next{
  float:left;
  width:43px;
  height:43px;
  background-image:url('../images/icos.png');
  background-repeat:no-repeat;
  background-position: -43px 0;
  position:absolute;
  right:0px;
  top:50%;
  margin-top:-21.5px;
}
.magazine-gallery-left .main-image .m-image-next:hover{
  opacity:0.5;
}
.magazine-gallery-left .main-image .m-image-prev{
  float:left;
  width:43px;
  height:43px;
  background-image:url('../images/icos.png');
  background-repeat:no-repeat;
  background-position: 0px 0;
  position:absolute;
  left:0px;
  top:50%;
  margin-top:-21.5px;
}
.magazine-gallery-left .main-image .m-image-prev:hover{
  opacity:0.5;
}
.magazine-gallery-left .main-image .m-image{
  display:inline-block;
  height:100%;
}
.image-title{float:left;
  width:50%;
  color:#ffffff;
  margin-top:10px;
  text-align:left;
}
.image-caption{float:left;
  width:100%;
  color:#ffffff;
  text-align:left;
}
.gallery-social{float:right;
  width:50%;
  margin-top:10px;
}
.fb_iframe_widget{float:left;}







.thumbs-images-wrap{
  width:100%;
  height:140px;
  overflow:hidden;
  padding:20px 0 20px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.thumbs-images{
  width:660px;
  height:100px;
  overflow:hidden;
  padding:0;
  margin:0 50px 0 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.thumbs-images a{
  float:left;
}
.thumbs-images a img{
  float:left;
  width:100px;
  max-height:100px;
  padding:5px;
  margin:0 5px; 
  border:solid 1px #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.thumbs-images a img.active{
  border-color:red;
}