.show-graph{
  width: 202px;
  height: 289px;
      margin-left: 74px;
}

#show-img { width: 400px; height: 400px; }
.small-img{
  width: 350px;
  position: relative;

}
.small-img .icon-left, .small-img .icon-right{
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.small-img .icon-left{
  transform: rotate(180deg)
}
.small-img .icon-right{
  right: 0;
}
.small-img .icon-left:hover, .small-img .icon-right:hover{
  opacity: .5;
}
.small-container{
  width: auto;
  height: 70px;
  overflow: inherit;
  position: absolute;
  left: auto;
  right: auto;
  margin: 0 auto;
}
.small-container div{
  width: 800%;
  position: relative;
}

.small-container .show-small-img{
  width: 70px;
  height: 70px;
  margin: 0 0 2px 0;
  cursor: pointer;
  float: left;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}


#big-img {
    /*z-index: 9;*/
    width: 927px!important;
    z-index:9999!important;
}

.smallicon {
    list-style: none;
    float: left;
    display: block;
    height: 281px;
    width: 70px;
    position: absolute;
}


@media (min-width: 320px) and (max-width: 480px)
{
#xzoom-default { margin: 0 0 0 98px !important; width: 350px;}
.xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.xzoom-container { display: inline-block;}
.xzoom-thumbs { text-align: left; margin-bottom: 10px; position: absolute; top: 66px;}
.xzoom-thumbs ul { padding: 0px; list-style: none;; }
.xzoom {  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  }
.xzoom2, .xzoom3, .xzoom4, .xzoom5 { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 { border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px;}
.xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both;}
.xzoom-hidden { overflow: hidden;}
.xzoom-preview { border: 1px solid #888; background: #2f4f4f; box-shadow: -0px -0px 10px rgba(0,0,0,0.50);}
.xzoom-lens { border: 1px solid #555; box-shadow: -0px -0px 10px rgba(0,0,0,0.50); cursor: crosshair;}
.xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(../images/xloading.gif); width:48px; height: 48px;}
.xactive { -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);  border: 1px solid #4aaad2;}
.xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left;}
.small-img{ position: relative;
  overflow-x: inherit;
  display: inline; }
}