div.fancythumbs {
  border: 6px solid #3D6C69;
  background: url('images/bg/bkg.png') scroll repeat center top #e0e0e0;
  padding: 10px;
  margin:24px 15px 15px;
  box-shadow: 2px 2px 10px #403020;
}

div.fancythumbs h1,
div.fancythumbs h2,
div.fancythumbs h3,
div.fancythumbs h4,
div.fancythumbs h5 {
  text-align:center; 
  margin-bottom:18px;
  font-weight:normal;
}

div.fancythumbs p {text-align:center}

div.fancythumbs p a {
  display:inline-block;
  color: #404040;
  font-size:11px;
  font-weight:bold;
  margin-bottom:15px;
  padding-bottom:15px;
}

div.fancythumbs p a img {
  display:block; 
  margin:10px 15px 0; 
  max-height:150px; 
  max-width:300px; 
  vertical-align:top; 
  padding:5px 5px 24px; 
  border: solid 1px #b0b0b0;
  background-color:white;
}

div.fancythumbs p a:hover img {
	border: solid 1px #808080;
	-moz-box-shadow: 1px 1px 5px #707070;
	-webkit-box-shadow: 1px 1px 5px #707070;
  box-shadow: 1px 1px 5px #707070;
}

div.fancythumbs p a:after {
  content: attr(title);
  position: relative;
  top: -24px;
  z-index:5;
}

/* Az alap: minden képet jobbra döntünk 2 fokkal */
div.fancythumbs p a {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  transition:all .3s ease;
}
 
/* Minden másodikat balra 2 fokkal */
div.fancythumbs p a:nth-child(even) {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}
 
/* Minden harmadik egyenesen marad, de feljebb toljuk */
div.fancythumbs p a:nth-child(3n) {
  -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -5px;
}
 
/* Minden ötödik balra 5 fokkal, és kicsit balra tolva */
div.fancythumbs p a:nth-child(5n) {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  right: 5px;
}
 
/* Minden nyolcadik balra/lefelé tolva */
div.fancythumbs p a:nth-child(8n) {
  position: relative;
  top: 8px;
  right: 5px;
}
 
/* Minden 11-edik eltolva balra lefelé */
div.fancythumbs p a:nth-child(11n) {
  position: relative;
  top: 3px;
  left: -5px;
}

/* Fölé állva 25 %-kal nagyítjuk, és fölülre hozzuk */
div.fancythumbs p a:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  position: relative;
  text-decoration:none;
  color:black;
  z-index: 5;
}

/* Kvázi responsive viselkedés */
@-ms-viewport {width: device-width}
@media (max-width: 480px) {
  div.fancythumbs {padding:0 10px 0 0}
  div.fancythumbs p a img {padding:3px; max-width:100px !important; margin:5px 5px 0;}
  div.fancythumbs p a {margin-bottom:5px; padding-bottom:5px; max-width:30%}
  div.fancythumbs p a:after {content: none}

  div.fancythumbs p a,
  div.fancythumbs p a:hover,
  div.fancythumbs p a:nth-child(even),
  div.fancythumbs p a:nth-child(3n),
  div.fancythumbs p a:nth-child(5n),
  div.fancythumbs p a:nth-child(8n),
  div.fancythumbs p a:nth-child(11n) {-webkit-transform:none; -moz-transform:none; top:0; right:0; left:0}

  div.fancythumbs h1,
  div.fancythumbs h2,
  div.fancythumbs h3,
  div.fancythumbs h4,
  div.fancythumbs h5 {margin-bottom:0; font-size:1.5em; line-height:1em}
}