.bb-custom-wrapper {
	/*background: rgba(255,255,255,0.1);*/
	max-width: 1500px;
	height: 500px;
	width: 100%;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 160px auto;
	/*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);*/
	font-family: "Montserrat", Arial;
}

.bb-custom-wrapper img {
	width: 100%;

}

.bb-bookblock {
	width: 100%;
	height: 100%;

}

.bb-custom-content {
	text-align: center;
	/*background: url(../images/demo3/fon_4_1.jpg) bottom center;*/
	width: 100%;
	height: 100%;
	border: #8B4513 0px solid;
	/*box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);*/
	 /* Фоновое изображение всегда отцентрировано по вертикали и горизонтали */
  background-position: center center;
 
  /* Фоновое изображение не повторяется */
  background-repeat: no-repeat;
 
  
 
  /* Вот что позволяет фоновому изображению подстраиваться под размер контейнера */
  background-size: cover;
}


.bb-custom-content2 {
	text-align: center;
	/*background: #f4f2e5 url(../images/demo3/paper1.jpg) bottom center;*/
	width: 100%;
	height: 100%;
}


.bb-custom-bg {
	/*background-image: url(../images/demo3/zastavka_2.jpg);*/
	padding-top: 10px;
	border: none;
	width: 100%;
	height: 100%;
}

.img_z {
	width: 750px;
margin-top: -210px;
float: inline-end;
height: 470px;
}

.img_z img{
	width: 750px;
margin-top: 66.5px;
float: inline-end;
height: 470px;
margin-left: 750px;
}
/*.bb-custom-content h3 {
	text-indent: 30px;
	letter-spacing: 30px;
	line-height: 96px;
	padding: 30px;
	color: #;
	font-size: 30px;
	display: block;
	text-transform: uppercase;
	/*position: relative;
	background: rgba(84, 201, 234, 0.3);*/
	margin: 0;
	/*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);*/
}*/

.bb-custom-content h3:before,
.bb-custom-content h3:after {
	content: '';
	position: absolute;
	height: 10px;
	/*border-top: 2px dotted rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);*/
	bottom: 0px;
	left: 10px;
	right: 10px;
}
.bb-custom-content h3:before {
	bottom: auto;
	top: 10px;
}

.bb-custom-content p, 
.bb-custom-content h4 span,
.bb-bookblock .folder-cover span{
	/*font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;*/
	font-style: italic;
	font-size: 24px;
	display: block;
	color: #454545;
	text-shadow: 0 1px 1px #fff;
	margin: 0;
}

.bb-custom-content p {
	padding: 22px;
}

.bb-custom-content h4 {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

.bb-custom-content h4 span {
	font-size: 50px;
	color: #bdbaa7;
	font-weight: 400;
	line-height: 60px;
}

nav.bb-custom-nav  {
	width: 85px;
	margin: -170px auto 0;
	padding-top: px;
}

nav.bb-custom-nav a {
	float: right;
	width: 40px;
	height: 40px;
	background: url(../images/nav2.png) center right;
	text-indent: -90000px;

}

nav.bb-custom-nav a:first-child {
	background-position: center left;
	margin-right: 5px;
	float: left;
}


.bb-bookblock .folder {
	width : 50%;
	height: 100%;
	position: relative;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	background: url(../images/demo3/left.jp) center center;

}

.bb-bookblock .folder p {
	font-size: 43px;
	font-weight: bold;
	color: #CD2626;
	font-family: 'Italic';

}

.bb-bookblock .folder i{
	font-size: 40px;
	font-weight: bold;
	color: #000080;
	font-family: 'Italic';
	margin-right: 20px;
	margin-top: 0px;
	float: right;
	width: 330px;
	margin-left: 30px;
}

.bb-bookblock .folder a-001 img {
	position: absolute;
	/*webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
    width: 755px;
    height: 470px;
	margin-top: -44px;
	margin-left: -375px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder  a-v_o img {
	position: absolute;
	/*webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
    width: auto;
    height: auto;
	margin-top: 25px;
	margin-left: 30px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-01 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
    width: 100%;
    height: 470px;
	margin-top: -44px;
	margin-left: 380px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
    max-width: 745px;
}

.bb-bookblock .folder a-00 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
    /*width: 50%;*/
    height: 45px;
	margin-top: -44px;
	margin-left: 380px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
    max-width: 745px;
}


.bb-bookblock .folder a-2 img {
	position: absolute;
    width: 755px;
	margin-top: -44px;
	margin-left: -375px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
    height: 470px;
}

.bb-bookblock .folder a-3 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 300px;
	margin-top: -30px;
	margin-left: 450px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-l img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 235px;
	margin-top: 90px;
	margin-left: -255px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-l img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-l img[tabindex="0"]:focus{
 position: relative; z-index: 10;
 vertical-align: top;  
  top: -132px; left: 115px; bottom: 0px; right: 0;  
  width: 965px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
 margin-bottom: 0px;
 margin-bottom: -595px;
	/*transition: 0.9s;*/
}  

.bb-bookblock .folder l-l-a img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 235px;
	margin-top: 90px;
	margin-left: 25px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;

}
.bb-bookblock .folder l-l-a img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-l-a img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -130px; left: 115px; bottom: 0; right: 0;  
  width: 960px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/
}  

.bb-bookblock .folder l-l-b img{
 	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 265px;
	margin-left: -125px;
}

.bb-bookblock .folder l-l-b img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-l-b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -130px; left: 115px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -575px;
	/*transition: 0.9s;*/
}  


img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-a img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 55px;
	margin-left: 330px;
	padding-bottom: 0px;
}
.bb-bookblock .folder l-a img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-a img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -120px; left: 105px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/
} 

.bb-bookblock .folder l-b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 55px;
	margin-left: 620px;
	padding-bottom: 0px;
} 
.bb-bookblock .folder l-b img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -130px; left: 105px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/
}  

.bb-bookblock .folder l-v img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 130px;
	margin-top: 230px;
	margin-left: 350px;
}
.bb-bookblock .folder l-v img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-v img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -132px; left: 315px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
  margin-bottom: -585px;
	/*transition: 0.9s;*/
}  
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-g img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 270px;
	margin-left: 500px;
	padding-bottom: 0px;
}
.bb-bookblock .folder l-g img[tabindex="0"]{
cursor: zoom-in; 
}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
} 
.bb-bookblock .folder l-g img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -130px; left: 150px; bottom: 0px; right: 0;  
  width: 880px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px 300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/
} 

.bb-bookblock .folder l-h img {
	background: url(../images/demo3/l.0000.jpg) bottom center;
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(0deg);
 width: 746px;
	margin-top: -44px;
	margin-left: 379px;
	padding-bottom: 0px;
}
.bb-bookblock .folder l-h img[tabindex="0"]{
cursor: zoom-in; 
}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-h img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -185px; left: 55px; bottom: 0px; right: 0;  
  width: 1370px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

} 

.bb-bookblock .folder-cover, 
.bb-bookblock .folder-inner {
	position: absolute;
	/*width: 570px;*/
	top: 20px;
	/*left: 790px;*/
	bottom: 10px;
	z-index: 3;
}

/*Третий разворот*/

.bb-bookblock .folder a-4 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
 width: 340px;
	margin-top: 10px;
	margin-left: 430px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-12 img {
	position: absolute;
	-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 175px;
	margin-top: 43px;
	margin-left: -287px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-12 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-12 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 110px; bottom: 0; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -590px;
}  

.bb-bookblock .folder l-13 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 195px;
	margin-top: 25px;
	margin-left: -101px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.bb-bookblock .folder l-13 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-13 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 110px; bottom: 0; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -640px;
}  

.bb-bookblock .folder l-14 img{
 	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 175px;
	margin-top: 35px;
	margin-left: 105px;
}
.bb-bookblock .folder l-14 img[tabindex="0"]{
cursor: zoom-in;
}
.bb-bookblock .folder l-14 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 125px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: 640px; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -650px;
}  

.bb-bookblock .folder l-15 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 150px;
	margin-top: 250px;
	margin-left: -287px;
	margin-right: 120px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.bb-bookblock .folder l-15 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-15 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 290px; bottom: 0px; right: 0;  
  width: 450px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
 box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -650px;
}  

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-16 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 740px;
	margin-top: 0px;
	margin-left: -375px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.bb-bookblock .folder l-16 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-16 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 75px; bottom: 0px; right: 0;  
  width: 1050px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3); 
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -630px;
} 

.bb-bookblock .folder l-17 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 135px;
	margin-top: 240px;
	margin-bottom: 20px;
	margin-left: 125px;
	padding-bottom: 0px;
}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-17 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-17 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 300px; bottom: 0px; right: 0;  
  width: 380px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3); 
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -645px;
	
}  

.bb-bookblock .folder l-18 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 220px;
	margin-top: 340px;
	margin-bottom: 0px;
	margin-left: -115px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-18 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-18 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -65px; left: 130px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -640px;	
}  

.bb-bookblock .folder l-19 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 110px;
	margin-bottom: 280px;
	margin-left: 333px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-19 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-19 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -80px; left: 80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	
}


.bb-bookblock .folder l-20 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 110px;
	margin-bottom: 300px;
	margin-left: 635px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-20 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-20 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -100px; left: 70px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	
}    

.bb-bookblock .folder l-21 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 230px;
	margin-bottom: 197px;
	margin-left: 505px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-21 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-21 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -40px; left: 150px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -590px;
	 
}    

.bb-bookblock .folder l-22_a img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 362px;
	margin-bottom: 80px;
	margin-left: 330px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22_a img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22_a img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -157px; left: 120px; bottom: 0px; right: 0;  
  width: 1250px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -590px;
	 
} 

.bb-bookblock .folder l-22 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 212px;
	margin-bottom: 0px;
	margin-left: 474px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22 img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
} 

.bb-bookblock .folder l-22_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 247px;
	margin-bottom: 0px;
	margin-left: 474px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22_ img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22_ img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
} 

.bb-bookblock .folder l-22-a img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 231px;
	margin-bottom: 0px;
	margin-left: 475px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-a img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-a img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
} 

.bb-bookblock .folder l-22-a_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 231px;
	margin-bottom: 0px;
	margin-left: 467px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-a_ img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-a_ img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
}

.bb-bookblock .folder l-22-a_1 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 228px;
	margin-bottom: 0px;
	margin-left: 1037px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-a_1 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-a_1 img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
}

.bb-bookblock .folder l-22-a_1_b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 228px;
	margin-bottom: 0px;
	margin-left: 1047px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-a_1_b img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-a_1_b img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
}

.bb-bookblock .folder l-22-a_1_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 228px;
	margin-bottom: 0px;
	margin-left: 1048px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-a_1_ img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-a_1_ img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
}    

.bb-bookblock .folder l-22-a_1_a img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 222px;
	margin-bottom: 0px;
	margin-left: 1038px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-a_1_a img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-a_1_a img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
}    


.bb-bookblock .folder l-22-b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	margin-top: 300px;
	margin-bottom: 0px;
	margin-left: 425px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}
.bb-bookblock .folder l-22-b img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-22-b img[tabindex="0"]:focus{
 position: relative;
 z-index: 10;  
  top: -168px; left: 230px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 400px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	
	 
} 

.bb-bookblock .folder l-23 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 362px;
	margin-bottom: 0px;
	margin-left: 660px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-23 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-23 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -28px; left: 160px; bottom: 0px; right: 0;  
  width: 860px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -590px;
	 
}       


/* Четвертый разворот */

.bb-bookblock .folder l-25 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 130px;
	margin-top: 45px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-25 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-25 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -67px; left: 310px; bottom: 0px; right: 0;  
  width: 370px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       
	/*transition: 0.9s;*/

.bb-bookblock .folder l-26 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 75px;
	margin-bottom: 0px;
	margin-left: -120px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-26 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-26 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 50px; bottom: 0px; right: 0;  
  width: 1080px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-27 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 45px;
	margin-bottom: 0px;
	margin-left: 130px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-27 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-27 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 310px; bottom: -58px; right: 0;  
  width: 440px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  400px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-28 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 315px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-28 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-28 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -65px; left: 90px; bottom: 20px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-29 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 245px;
	margin-top: 315px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-29 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-29 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 110px; bottom: 10px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-30 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 245px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 320px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-30 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-30 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -85px; left: 110px; bottom: 20px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-31 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 235px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 640px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-31 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-31 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -85px; left: 110px; bottom: 20px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-32 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 245px;
	margin-top: 200px;
	margin-bottom: 0px;
	margin-left: 480px;
	padding-bottom: 0px;

}
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-32 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-32 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 60px; bottom: 85px; right: 0;  
  width: 1050px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-33 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 245px;
	margin-top: 362px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-33 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-33 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 70px; bottom: 30px; right: 0;  
  width: 1050px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       


.bb-bookblock .folder l-34 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 225px;
	margin-top: 360px;
	margin-bottom: 0px;
	margin-left: 630px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-34 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-34 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -100px; left: 95px; bottom: 5px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-36 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-36 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-36 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 155px; bottom: 20px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

 
img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}


.bb-bookblock .folder l-37 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 238px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-37 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-37 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 150px; bottom: 20px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-35 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 238px;
	margin-top: 210px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-35 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-35 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -100px; left: 95px; bottom: 35px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       


img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}


.bb-bookblock .folder l-38 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 238px;
	margin-top: 210px;
	margin-bottom: 0px;
	margin-left: 23px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-38 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-38 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -105px; left: 90px; bottom: 27px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-39 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 238px;
	margin-top: 370px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-39 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-39 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 80px; bottom: 50px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-40 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 370px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-40 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-40 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 105px; bottom: 32px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder a-5 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: 5px;
	margin-left: 420px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-42 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: 490px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-42 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-42 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 100px; bottom: 23px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-43 img {
	position: absolute;
	-webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
 width: 190px;
	margin-top: 350px;
	margin-bottom: 0px;
	margin-left: 325px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-43 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-43 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 160px; bottom: 15px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-44 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 170px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: 515px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-44 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-44 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 270px; bottom: 20px; right: 0;  
  width: 685px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}       

.bb-bookblock .folder l-45 img {
	position: absolute;
	-webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
 width: 190px;
	margin-top: 350px;
	margin-bottom: 0px;
	margin-left: 685px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-45 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-45 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 160px; bottom: 20px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-6 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: 14px;
	margin-left: -180px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-7 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: -35px;
	margin-left: 420px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-47 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-47 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-47 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 155px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}                

.bb-bookblock .folder l-48 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-bottom: 0px;
	padding-top: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-48 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-48 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 155px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-49 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 260px;
	margin-bottom: 0px;
	margin-left: -245px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-49 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-49 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 320px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-50 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 255px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-50 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-50 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 320px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-51 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 475px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-51 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-51 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -125px; left: 180px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-52 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 130px;
	margin-top: 115px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-52 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-52 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 320px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-53 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 130px;
	margin-top: 115px;
	margin-bottom: 0px;
	margin-left: 740px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-53 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-53 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 310px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-54 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 130px;
	margin-top: 245px;
	margin-bottom: 0px;
	margin-left: 468px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-54 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-54 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -125px; left: 320px; bottom: 0px; right: 0;  
  width: 390px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-55 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 124px;
	margin-top: 245px;
	margin-bottom: 0px;
	margin-left: 607px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-55 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-55 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 300px; bottom: 0px; right: 0;  
  width: 380px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder a-8 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 20px;
	margin-left: -90px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-9 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: 12px;
	margin-left: 430px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-57 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 215px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-57 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-57 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 100px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 0px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-58 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 200px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: 60px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-58 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-58 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 150px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-59 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 225px;
	margin-bottom: 0px;
	margin-left: -100px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-59 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-59 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 120px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-60 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 375px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-60 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-60 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 80px; bottom: 0px; right: 0;  
  width: 1040px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-61 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 376px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-61 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-61 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 70px; bottom: 0px; right: 0;  
  width: 1060px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-62 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 95px;
	margin-bottom: 0px;
	margin-left: 355px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-62 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-62 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -125px; left: 97px; bottom: 0px; right: 0;  
  width: 980px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-63 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 95px;
	margin-bottom: 0px;
	margin-left: 625px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-63 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-63 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -135px; left: 100px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-64 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 220px;
	margin-top: 250px;
	margin-bottom: 0px;
	margin-left: 355px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-64 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-64 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -135px; left: 10px; bottom: 0px; right: 0;  
  width: 1150px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-65 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 225px;
	margin-top: 250px;
	margin-bottom: 0px;
	margin-left: 625px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-65 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-65 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -135px; left: 5px; bottom: 0px; right: 0;  
  width: 1185px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-66 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 375px;
	margin-bottom: 0px;
	margin-left: 490px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-66 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-66 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 45px; bottom: 0px; right: 0;  
  width: 1090px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-10 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 10px;
	margin-left: -90px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-11 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: -30px;
	margin-left: 420px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-68 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 235px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-68 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-68 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-69 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: 45px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-69 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-69 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-70 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 237px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-70 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-70 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-71 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 377px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-71 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-71 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-72 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 377px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-72 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-72 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-73 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 55px;
	margin-bottom: 0px;
	margin-left: 355px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-73 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-73 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -145px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-74 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 55px;
	margin-bottom: 0px;
	margin-left: 625px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-74 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-74 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -150px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-75 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 170px;
	margin-bottom: 0px;
	margin-left: 485px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-75 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-75 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 120px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-76 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 205px;
	margin-top: 330px;
	margin-bottom: 0px;
	margin-left: 335px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-76 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-76 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 105px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-77 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 330px;
	margin-bottom: 0px;
	margin-left: 640px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-77 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-77 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 80px; bottom: 0px; right: 0;  
  width: 1010px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-12 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: 20px;
	margin-left: -170px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-13 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 350px;
	margin-top: -30px;
	margin-left: 430px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-79 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 265px;
	margin-top: 85px;
	margin-bottom: 0px;
	margin-left: -135px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-79 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-79 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 105px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-80 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 260px;
	margin-bottom: 0px;
	margin-left: -90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-80 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-80 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 120px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-81 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 395px;
	margin-bottom: 0px;
	margin-left: -260px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-81 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-81 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-82 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 395px;
	margin-bottom: 0px;
	margin-left: 70px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-82 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-82 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 75px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-83 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 265px;
	margin-top: 35px;
	margin-bottom: 0px;
	margin-left: 470px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-83 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-83 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 105px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-85 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 210px;
	margin-bottom: 0px;
	margin-left: 505px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-85 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-85 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -210px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-84 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 170px;
	margin-top: 325px;
	margin-bottom: 0px;
	margin-left: 320px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-84 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-84 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 115px; bottom: 0px; right: 0;  
  width: 940px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-86 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 325px;
	margin-bottom: 0px;
	margin-left: 710px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-86 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-86 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 105px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-87 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: 505px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-87 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-87 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -160px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-89 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-89 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-89 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 115px; bottom: 0px; right: 0;  
  width: 940px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-92 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 70px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-92 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-92 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -150px; left: 105px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-95 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-95 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-95 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-90 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 230px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-90 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-90 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-93 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 200px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-93 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-93 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 60px; bottom: 0px; right: 0;  
  width: 1060px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-96 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 215px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-96 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-96 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -100px; left: 60px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-91 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 370px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-91 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-91 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-94 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 347px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-94 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-94 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 60px; bottom: 0px; right: 0;  
  width: 1080px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-97 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 372px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-97 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-97 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-98 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 95px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-98 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-98 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-14 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: -30px;
	margin-left: 490px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-99 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 500px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-99 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-99 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 100px; bottom: 0px; right: 0;  
  width: 980px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-100 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 92px;
	margin-bottom: 0px;
	margin-left: 700px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-100 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-100 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-101 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-101 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-101 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 130px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-102 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 239px;
	margin-bottom: 0px;
	margin-left: 620px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-102 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-102 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 130px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-104 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 200px;
	margin-top: 120px;
	margin-bottom: 0px;
	margin-left: -275px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-104 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-104 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 95px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-105 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 130px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: -60px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-105 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-105 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -87px; left: 280px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-106 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 185px;
	margin-top: 120px;
	margin-bottom: 0px;
	margin-left: 85px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-106 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-106 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -85px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-107 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 290px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-107 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-107 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-108 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 260px;
	margin-top: 290px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-108 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-108 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 95px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-15 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 370px;
	margin-top: -15px;
	margin-left: 412px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-109 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 260px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 470px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-109 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-109 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 100px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-110 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-110 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-110 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 130px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-111 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 239px;
	margin-bottom: 0px;
	margin-left: 620px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-111 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-111 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 130px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-113 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 150px;
	margin-top: 120px;
	margin-bottom: 0px;
	margin-left: -275px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-113 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-113 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 95px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-114 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: -120px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-114 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-114 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -95px; left: 70px; bottom: 0px; right: 0;  
  width: 1080px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-115 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 140px;
	margin-top: 110px;
	margin-bottom: 0px;
	margin-left: 115px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-115 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-115 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -85px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-116 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 360px;
	margin-bottom: 0px;
	margin-left: -275px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-116 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-116 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -100px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-117 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 225px;
	margin-top: 250px;
	margin-bottom: 0px;
	margin-left: -120px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-117 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-117 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 95px; bottom: 0px; right: 0;  
  width: 1030px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-118 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 160px;
	margin-top: 350px;
	margin-bottom: 0px;
	margin-left: 105px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-118 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-118 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 115px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-16 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 520px;
	margin-top: -15px;
	margin-left: 350px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-119 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 260px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 470px;
	padding-bottom: 0px;

}



img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-119 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-119 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 50px; bottom: 0px; right: 0;  
  width: 1080px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-120 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 140px;
	margin-top: 220px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-120 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-120 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 270px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-121 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 200px;
	margin-top: 235px;
	margin-bottom: 0px;
	margin-left: 503px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-121 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-121 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 130px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-122 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 140px;
	margin-top: 220px;
	margin-bottom: 0px;
	margin-left: 720px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-122 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-122 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 280px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-124 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 150px;
	margin-top: 120px;
	margin-bottom: 0px;
	margin-left: -275px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-124 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-124 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-125 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: -120px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-125 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-125 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 70px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-126 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 140px;
	margin-top: 110px;
	margin-bottom: 0px;
	margin-left: 115px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-126 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-126 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-127 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 180px;
	margin-top: 360px;
	margin-bottom: 0px;
	margin-left: -275px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-127 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-127 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-128 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 280px;
	margin-bottom: 0px;
	margin-left: -93px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-128 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-128 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 95px; bottom: 0px; right: 0;  
  width: 995px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-129 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 180px;
	margin-top: 350px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-129 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-129 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 115px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-17 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 520px;
	margin-top: -15px;
	margin-left: 350px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-130 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 483px;
	padding-bottom: 0px;

}



img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-130 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-130 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 130px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-131 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 140px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-131 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-131 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-132 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 200px;
	margin-top: 270px;
	margin-bottom: 0px;
	margin-left: 503px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-132 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-132 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 90px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-133 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 140px;
	margin-top: 239px;
	margin-bottom: 0px;
	margin-left: 720px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-133 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-133 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 300px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-135 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 220px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-135 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-135 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 120px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-136 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-136 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-136 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 90px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-137 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 180px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: -275px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-137 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-137 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-138 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 230px;
	margin-bottom: 0px;
	margin-left: -93px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-138 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-138 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 95px; bottom: 0px; right: 0;  
  width: 995px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-0025 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 180px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-0025 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-0025 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 115px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-18 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 270px;
	margin-top: -30px;
	margin-left: 470px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-140 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 270px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 470px;
	padding-bottom: 0px;

}



img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-140 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-140 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 40px; bottom: 0px; right: 0;  
  width: 1090px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-141 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 180px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-141 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-141 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left:120px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-142 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 150px;
	margin-top: 220px;
	margin-bottom: 0px;
	margin-left: 530px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-142 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-142 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-143 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 180px;
	margin-top: 239px;
	margin-bottom: 0px;
	margin-left: 700px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-143 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-143 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 140px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-19 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 270px;
	margin-top: 10px;
	margin-left: -120px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

.bb-bookblock .folder a-20 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: -30px;
	margin-left: 485px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-145 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-145 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-145 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -85px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-146 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 205px;
	margin-top: 80px;
	margin-bottom: 0px;
	margin-left: 52px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-146 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-146 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 130px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-148 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 190px;
	margin-top: 352px;
	margin-bottom: 0px;
	margin-left: -272px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-148 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-148 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 140px; bottom: 0px; right: 0;  
  width: 910px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-147 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 225px;
	margin-bottom: 0px;
	margin-left: -93px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-147 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-147 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 95px; bottom: 0px; right: 0;  
  width: 975px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-149 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 190px;
	margin-top: 352px;
	margin-bottom: 0px;
	margin-left: 75px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-149 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-149 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 115px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-150 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 290px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 458px;
	padding-bottom: 0px;

}



img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-150 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-150 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -140px; left: 20px; bottom: 0px; right: 0;  
  width: 1150px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-151 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 220px;
	margin-top: 215px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-151 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-151 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left:80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-153 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 340px;
	margin-bottom: 0px;
	margin-left: 510px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-153 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-153 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -125px; left: 110px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-152 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 210px;
	margin-top: 215px;
	margin-bottom: 0px;
	margin-left: 660px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-152 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-152 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-150 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 290px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 458px;
	padding-bottom: 0px;

}



img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-150 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-150 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 20px; bottom: 0px; right: 0;  
  width: 1150px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-151 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 220px;
	margin-top: 215px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-151 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-151 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left:80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-153 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 340px;
	margin-bottom: 0px;
	margin-left: 510px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-153 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-153 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -125px; left: 110px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-152 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 210px;
	margin-top: 215px;
	margin-bottom: 0px;
	margin-left: 660px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-152 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-152 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}


.bb-bookblock .folder l-155 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-155 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-155 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 110px; bottom: 0px; right: 0;  
  width: 960px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-156 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-156 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-156 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 130px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-158 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 170px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: -272px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-158 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-158 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 140px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-157 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 180px;
	margin-top: 225px;
	margin-bottom: 0px;
	margin-left: -93px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-157 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-157 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 95px; bottom: 0px; right: 0;  
  width: 975px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-159 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: 95px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-159 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-159 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 115px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-160 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 170px;
	margin-top: 360px;
	margin-bottom: 0px;
	margin-left: -90px;
	padding-bottom: 0px;

}



img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-160 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-160 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -120px; left: 120px; bottom: 0px; right: 0;  
  width: 940px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-182 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 190px;
	margin-top: 140px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-182 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-182 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -165px; left: 110px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-183 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 555px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-183 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-183 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 320px; bottom: 0px; right: 0;  
  width: 420px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-184 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(-0deg);
  transform: rotate(10deg);
 width: 190px;
	margin-top: 152px;
	margin-bottom: 0px;
	margin-left: 710px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-184 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-184 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -175px; left: 90px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-185 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 295px;
	margin-bottom: 0px;
	margin-left: 370px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-185 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-185 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -180px; left: 110px; bottom: 0px; right: 0;  
  width: 975px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-186 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 295px;
	margin-bottom: 0px;
	margin-left: 655px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-186 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-186 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -180px; left: 90px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-21 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 320px;
	margin-top: -35px;
	margin-left: 445px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-161 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-161 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-161 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -135px; left: 190px; bottom: 0px; right: 0;  
  width: 790px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-162 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 593px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-162 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-162 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 320px; bottom: 0px; right: 0;  
  width: 375px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-164 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 152px;
	margin-bottom: 0px;
	margin-left: 750px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-164 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-164 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 310px; bottom: 0px; right: 0;  
  width: 385px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-163 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 290px;
	margin-top: 305px;
	margin-bottom: 0px;
	margin-left: 347px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-163 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-163 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -210px; left: 30px; bottom: 0px; right: 0;  
  width: 1140px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-165 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: -285px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-165 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-165 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 385px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-166 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: -170px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-166 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-166 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 390px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-169 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 175px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-169 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-169 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 290px; bottom: 0px; right: 0;  
  width: 399px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-167 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 170px;
	margin-bottom: 0px;
	margin-left: -55px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-167 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-167 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 270px; bottom: 0px; right: 0;  
  width: 378px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-168 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 105px;
	margin-bottom: 0px;
	margin-left: 60px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-168 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-168 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 290px; bottom: 0px; right: 0;  
  width: 390px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-22 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: -30px;
	margin-left: 520px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-182 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 190px;
	margin-top: 140px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-182 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-182 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -165px; left: 110px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-183 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 555px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-183 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-183 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -130px; left: 320px; bottom: 0px; right: 0;  
  width: 420px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-184 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(-0deg);
  transform: rotate(10deg);
 width: 190px;
	margin-top: 152px;
	margin-bottom: 0px;
	margin-left: 710px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-184 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-184 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -175px; left: 90px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-185 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 295px;
	margin-bottom: 0px;
	margin-left: 370px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-185 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-185 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -180px; left: 110px; bottom: 0px; right: 0;  
  width: 975px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-186 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 295px;
	margin-bottom: 0px;
	margin-left: 655px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-186 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-186 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -180px; left: 90px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-170 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: 325px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-170 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-170 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 290px; bottom: 0px; right: 0;  
  width: 395px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-171 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 240px;
	margin-bottom: 0px;
	margin-left: 438px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-171 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-171 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -67px; left: 290px; bottom: 0px; right: 0;  
  width: 410px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-174 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 780px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-174 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-174 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 290px; bottom: 0px; right: 0;  
  width: 420px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-172 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 170px;
	margin-bottom: 0px;
	margin-left: 550px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-172 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-172 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 400px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-173 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 110px;
	margin-top: 105px;
	margin-bottom: 0px;
	margin-left: 663px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-173 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-173 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 395px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-175 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 130px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-175 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-175 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 280px; bottom: 0px; right: 0;  
  width: 445px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-176 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 220px;
	margin-top: 90px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-176 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-176 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 90px; bottom: 0px; right: 0;  
  width: 980px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-177 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 118px;
	margin-top: 55px;
	margin-bottom: 0px;
	margin-left: 135px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-177 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-177 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 400px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-178 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 160px;
	margin-top: 250px;
	margin-bottom: 0px;
	margin-left: -170px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-178 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-178 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 280px; bottom: 0px; right: 0;  
  width: 425px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-179 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 160px;
	margin-top: 251px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-179 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-179 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 280px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-182 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 190px;
	margin-top: 140px;
	margin-bottom: 0px;
	margin-left: 345px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-182 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-182 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -145px; left: 80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-183 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 555px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-183 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-183 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -115px; left: 300px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-184 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(-0deg);
  transform: rotate(10deg);
 width: 190px;
	margin-top: 152px;
	margin-bottom: 0px;
	margin-left: 710px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-184 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-184 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -173px; left: 70px; bottom: 0px; right: 0;  
  width: 1050px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-185 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 295px;
	margin-bottom: 0px;
	margin-left: 370px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-185 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-185 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -155px; left: 80px; bottom: 0px; right: 0;  
  width: 1030px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-186 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 295px;
	margin-bottom: 0px;
	margin-left: 655px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-186 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-186 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -162px; left: 60px; bottom: 0px; right: 0;  
  width: 1060px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-188 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-188 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-188 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-189 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 245px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-189 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-189 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 90px; bottom: 0px; right: 0;  
  width: 990px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-190 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 160px;
	margin-top: 230px;
	margin-bottom: 0px;
	margin-left: -80px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-190 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-190 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-191 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 170px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: -270px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-191 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-191 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 110px; bottom: 0px; right: 0;  
  width: 910px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-192 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 320px;
	margin-bottom: 0px;
	margin-left: 100px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-192 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-192 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 120px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-23 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 280px;
	margin-top: -30px;
	margin-left: 470px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-24 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 340px;
	margin-top: 200px;
	margin-left: 450px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-193 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 250px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 360px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-193 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-193 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -185px; left: 20px; bottom: 0px; right: 0;  
  width: 1150px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-194 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 690px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-194 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-194 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -145px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-196 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(-0deg);
  transform: rotate(10deg);
 width: 220px;
	margin-top: 280px;
	margin-bottom: 0px;
	margin-left: 662px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-196 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-196 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -150px; left: 120px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-195 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 210px;
	margin-top: 280px;
	margin-bottom: 0px;
	margin-left: 370px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-195 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-195 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -140px; left: 120px; bottom: 0px; right: 0;  
  width: 920px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-custom-circle_3 h3 {
	position: absolute;
	margin-left: 560px;
	margin-top: 190px;
}

.bb-custom-circle_4 h3 {
	position: absolute;
	margin-left:-40px;
	margin-top: 280px;
}

.bb-bookblock .folder a-25 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 170px;
	margin-top: 35px;
	margin-left: -90px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder a-26 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 320px;
	margin-top: 280px;
	margin-left: -150px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-198 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 155px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-198 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-198 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 290px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-199 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 160px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 100px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-199 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-199 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 290px; bottom: 0px; right: 0;  
  width: 440px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-200 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 200px;
	margin-top: 149px;
	margin-bottom: 0px;
	margin-left: -105px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-200 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-200 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -82px; left: 90px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-201 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 340px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-201 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-201 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 130px; bottom: 0px; right: 0;  
  width: 910px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-27 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 450px;
	margin-top: -30px;
	margin-left: 380px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-202 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 230px;
	margin-top: 70px;
	margin-bottom: 0px;
	margin-left: 360px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-202 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-202 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -165px; left: 80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-203 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 230px;
	margin-top: 70px;
	margin-bottom: 0px;
	margin-left: 645px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-203 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-203 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -140px; left: 120px; bottom: 0px; right: 0;  
  width: 950px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-205 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(-0deg);
  transform: rotate(10deg);
 width: 225px;
	margin-top: 280px;
	margin-bottom: 0px;
	margin-left: 645px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-205 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-205 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -140px; left: 130px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-204 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 230px;
	margin-top: 280px;
	margin-bottom: 0px;
	margin-left: 360px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-204 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-204 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -140px; left: 110px; bottom: 0px; right: 0;  
  width: 960px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-28 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 300px;
	margin-top: 20px;
	margin-left: -150px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-207 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 90px;
	margin-bottom: 0px;
	margin-left: -265px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-207 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-207 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 130px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-208 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 140px;
	margin-top: 90px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-208 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-208 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 290px; bottom: 0px; right: 0;  
  width: 440px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-209 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 150px;
	margin-top: 290px;
	margin-bottom: 0px;
	margin-left: -215px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-209 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-209 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-210 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 150px;
	margin-top: 300px;
	margin-bottom: 0px;
	margin-left: 70px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-210 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-210 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-29 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 260px;
	margin-top: -40px;
	margin-left: 480px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

.bb-bookblock .folder l-211 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 150px;
	margin-top: 70px;
	margin-bottom: 0px;
	margin-left: 360px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-211 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-211 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -138px; left: 290px; bottom: 0px; right: 0;  
  width: 400px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-212 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 150px;
	margin-top: 55px;
	margin-bottom: 0px;
	margin-left: 540px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-212 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-212 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 290px; bottom: 0px; right: 0;  
  width: 380px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-213 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(-0deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 95px;
	margin-bottom: 0px;
	margin-left: 715px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-213 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-213 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -110px; left: 310px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder a-30 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 380px;
	margin-top: 25px;
	margin-left: -200px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-215 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 140px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-215 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-215 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -90px; left: 80px; bottom: 0px; right: 0;  
  width: 1020px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-218 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 90px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-218 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-218 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 150px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-221 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 130px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-221 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-221 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 70px; bottom: 0px; right: 0;  
  width: 1030px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-216 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 280px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-216 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-216 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 60px; bottom: 0px; right: 0;  
  width: 1070px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-217 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 245px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-217 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-217 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 60px; bottom: 0px; right: 0;  
  width: 1060px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-222 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 275px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-222 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-222 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left: 60px; bottom: 0px; right: 0;  
  width: 1050px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-219 img {
	position: absolute;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
 width: 160px;
	margin-top: 400px;
	margin-bottom: 0px;
	margin-left: -280px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-219 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-219 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 110px; bottom: 0px; right: 0;  
  width: 970px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-220 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 190px;
	margin-top: 380px;
	margin-bottom: 0px;
	margin-left: -110px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-220 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-220 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -80px; left:120px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-223 img {
	position: absolute;
	-webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
 width: 170px;
	margin-top: 395px;
	margin-bottom: 0px;
	margin-left: 90px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-223 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-223 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -72px; left: 120px; bottom: 0px; right: 0;  
  width: 940px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder a-31 img {
	position: absolute;
	/*-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;*/
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: -15px;
	margin-left: 500px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}


.bb-bookblock .folder l-224 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 290px;
	margin-top: 70px;
	margin-bottom: 0px;
	margin-left: 330px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-224 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-224 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -220px; left: 60px; bottom: 0px; right: 0;  
  width: 1060px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-225 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 70px;
	margin-bottom: 0px;
	margin-left: 659px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-225 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-225 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -160px; left: 130px; bottom: 0px; right: 0;  
  width: 910px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-227 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 270px;
	margin-bottom: 0px;
	margin-left: 650px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-227 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-227 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -155px; left: 150px; bottom: 0px; right: 0;  
  width: 860px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-226 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 240px;
	margin-top: 270px;
	margin-bottom: 0px;
	margin-left: 350px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-226 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-226 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -160px; left: 120px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-229 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: -250px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-229 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-229 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 155px; bottom: 0px; right: 0;  
  width: 930px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-231 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 160px;
	margin-top: 250px;
	margin-bottom: 0px;
	margin-left: -225px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-231 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-231 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 310px; bottom: 0px; right: 0;  
  width: 430px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-232 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 165px;
	margin-top: 250px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-232 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-232 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 310px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-230 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 215px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-230 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-230 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 140px; bottom: 0px; right: 0;  
  width: 890px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-233 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 55px;
	margin-bottom: 0px;
	margin-left: 350px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-233 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-233 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 150px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-234 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 55px;
	margin-bottom: 0px;
	margin-left: 625px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-234 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-234 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 150px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-235 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 275px;
	margin-bottom: 0px;
	margin-left: 350px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-235 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-235 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 150px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
}

.bb-bookblock .folder l-236 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 230px;
	margin-top: 275px;
	margin-bottom: 0px;
	margin-left: 627px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-236 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-236 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -70px; left: 150px; bottom: 0px; right: 0;  
  width: 870px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;	 
}                 

.bb-bookblock .folder l-238 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 110px;
	margin-bottom: 0px;
	margin-left: -245px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-238 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-238 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -74px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 

.bb-bookblock .folder l-239 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 210px;
	margin-top: 110px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-bottom: 0px;

}

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.bb-bookblock .folder l-239 img[tabindex="0"]{
cursor: zoom-in; 
}
.bb-bookblock .folder l-239 img[tabindex="0"]:focus{
 position: relative; 
 z-index: 10;  
  top: -75px; left: 290px; bottom: 0px; right: 0;  
  width: 470px; max-width: ;  
  height: auto; max-height: ;  
  margin: auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 padding-bottom: 0px;
	margin-bottom: -650px;
	 
} 









img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}


.bb-bookblock .folder-cover, 
.bb-bookblock .folder-inner {
	position: absolute;
	/*width: 570px;*/
	top: 303px;
	left: 820px;
	bottom: 10px;
	z-index: 3;
	height: 3px;
}


/*.bb-bookblock .folder-cover {
	background: #f7f7f7;
	background: -moz-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%);
	background: -webkit-linear-gradient(left, #f7f7f7 0%,#ffffff 12%,#ededed 100%);
	background: -o-linear-gradient(left, #f7f7f7 0%,#ffffff 12%,#ededed 100%);
	background: -ms-linear-gradient(left, #f7f7f7 0%,#ffffff 12%,#ededed 100%);
	background: linear-gradient(to right, #f7f7f7 0%,#ffffff 12%,#ededed 100%);
	box-shadow: 
		inset -2px 0 5px rgba(255,255,255,0.4), 
		1px 1px 3px rgba(0,0,0,0.2), 
		2px 0 3px rgba(0,0,0,0.2);
}*/

.bb-bookblock .folder-inner {
	top: 20px;
	height: 460px;
	padding-top: 130px;
	/*background: url(../images/demo3/paper_blue.jpg) center center;*/
	box-shadow:  
		inset 0 -2px 2px rgba(255,255,255,0.4), 
		inset 0 2px 2px rgba(255,255,255,0.2), 
		1px 0 2px rgba(0,0,0,0.1);
	z-index: 2;
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	-moz-transition: -moz-transform 300ms ease-in-out;
	-o-transition: -o-transform 300ms ease-in-out;
	-ms-transition: -ms-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}

.bb-bookblock .folder-fold {
	/*background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%,#f2f2f2 4%,#ffffff 88%,#f7f7f7 100%);
	background: -o-linear-gradient(left, #ffffff 0%,#f2f2f2 4%,#ffffff 88%,#f7f7f7 100%);
	background: -ms-linear-gradient(left, #ffffff 0%,#f2f2f2 4%,#ffffff 88%,#f7f7f7 100%);
	background: linear-gradient(to right, #ffffff 0%,#f2f2f2 4%,#ffffff 88%,#f7f7f7 100%);*/
	/*position: absolute;
   right: -7px;
	width: 12px;
	top: 0px;
	bottom: 0px;
	z-index: 4;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;*/
	
}*/

.bb-bookblock .folder-cover span {
	cursor: pointer;
	/*margin: 220px 0 0 50px;
	display: block;
	/*background: rgba(255,255,255,0.4);*/
	/*text-align: left;
	font-size: 16px;
	padding: 10px 0 10px 30px;
	border-radius: 10px 0 0 10px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
	border: 1px solid rgba(255,255,255,0.2);
	border-right: none;
	-webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-15deg);
 width: 235px;
	margin-top: 30px;
	margin-left: -270px;
	padding-top: 90px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;

}

#folder-close {
	color: #333;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	right: 10px;
	top: 10px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.bb-custom-last {
	height: 100%;
	padding-top: 110px;
	/*box-shadow: 
		inset 0 100px 0 rgba(231, 152, 213, 0.1), 
		inset 0 -100px 0 rgba(231, 152, 213, 0.1);*/
}

.bb-custom-circle {
	/*width: 230px;
	height: 120px;*/
	position: absolute;
	top: 30%;
	right: 180px;
	font-size: 34px;
	color: #104E8B;
    font-family: "Italic";
	margin-top: -182px;
	border-radius: ;
	padding-bottom: 0px;
	/*box-shadow: 0 0 0 15px rgba(84, 201, 234, 0.3);*/
	/*background: url(../images/demo3/.jpg) -288px -210px;*/
	z-index: 0;
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-custom-content {width: 100%; margin-left: px;
   
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: repeat;
    background-size: auto;
width: 100%;
height: 80%;

	}

}

@media (min-width: 768px) and (max-width: 1368px) {	
	.img_z img {
   width: 650px; margin-left: 660px; height: 420px; margin-right: 30px !important;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder a-001 img {width: 630px; margin-left: -307px; height: 420px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder a-01 img {width: 630px; margin-left: 323px; height: 420px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder a-2 img {max-width: 630px; margin-left: -306px; height: 420px;
margin-top: -42px;}
}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l {width: 20px; color: #ff0000; font-size: 14px; margin-left: -212px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder f {width: 20px; color: #ff0000; font-size: 14px; margin-left: -390px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder g {width: 20px; color: #ff0000; font-size: 14px; margin-left: -379px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder n {width: 20px; color: #ff0000; font-size: 14px; margin-left: -384px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder j {width: 20px; color: #ff0000; font-size: 14px; margin-left: -379px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder m {width: 20px; color: #ff0000; font-size: 14px; margin-left: -399px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder k {width: 20px; color: #ff0000; font-size: 14px; margin-left: -255px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder k {width: 20px; color: #ff0000; font-size: 14px; margin-left: -6px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-h img {width: 630px; margin-left: 324px; height: 420px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder f {width: 20px; color: #ff0000; font-size: 14px; margin-left: -128px;}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-h img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -190px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 43px;
	margin-bottom: 0px;
	margin-left: 410px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 43px;
	margin-bottom: 0px;
	margin-left: 410px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22_ img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22-a img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 42px;
	margin-bottom: 0px;
	margin-left: 414px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22-a_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 43px;
	margin-bottom: 0px;
	margin-left: 403px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a_1 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22-a_1 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 46px;
	margin-bottom: 0px;
	margin-left: 885px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a_1 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a_1_b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22-a_1_b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 42px;
	margin-bottom: 0px;
	margin-left: 892px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a_1_b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a_1_c img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22-a_1_c img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 265px;
	margin-bottom: 0px;
	margin-left: 890px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-a_1_c img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}



@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 63px;
	margin-bottom: 0px;
	margin-left: 468px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}

@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 45px;
	margin-bottom: 0px;
	margin-left: 472px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-22-a_1 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22-a_1 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 45px;
	margin-bottom: 0px;
	margin-left: 970px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-22-a_1 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 190px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}


@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22-a img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 12px;
	margin-bottom: 0px;
	margin-left: 467px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}

@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22-b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 43px;
	margin-bottom: 0px;
	margin-left: 420px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}


@media (min-width: 768px) and (max-width: 1368px) {	
	
	.bb-bookblock .folder l-22-b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
	top: 19px;
	margin-bottom: 0px;
	margin-left: 367px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-bookblock .folder l-22-b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 95px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 768px) and (max-width: 1368px) {	
	.bb-item {width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background: none;}
}

@media (min-width: 760px) and (max-width: 1368px) {	
	nav.bb-custom-nav{width: 85px;
margin: px auto 0; margin-top: -155px;
margin-left: 600px !important;}
}

@media (min-width: 760px) and (max-width: 1500px) {	
	nav.bb-custom-nav{width: 85px;
margin: px auto 0; margin-top: -155px;
margin-left: 625px;}
}

@media (min-width: 760px) and (max-width: 1800px) {	
	nav.bb-custom-nav{width: 85px;
margin: px auto 0; margin-top: -155px;
margin-left: 745px;}
}



@media (min-width: 760px) and (max-width: 1368px) {	
	.container{width: 1320px;
     margin-top: -80px;
     margin-left: -3px;}
}

@media (max-width: 760px) and (max-width: 1368px) {	
	.bb-custom-wrapper {max-width: ; margin-top: 175px; height: 430px !important;}
}

@media (max-width: 760px) and (max-width: 1368px) {	
	.bb-bookblock {height: 430px !important;}
}


.bb-custom-circle2 {
	/*width: 230px;
	height: 120px;*/
	position: absolute;
	top: 30%;
	right: 140px;
	font-size: 34px;
	color: #104E8B;
    font-family: "Italic";
	margin-top: -182px;
	border-radius: ;
	padding-bottom: 0px;
	/*box-shadow: 0 0 0 15px rgba(84, 201, 234, 0.3);*/
	/*background: url(../images/demo3/.jpg) -288px -210px;*/
	z-index: 0;
}

@media (min-width: 1500px) and (max-width: 1800px) {	
.img_z img {
    width: 690px;
    margin-top: 66.5px;
    float: inline-end;
    height: 425px;
    margin-left: 750px;
    margin-right: 60px;
}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
.bb-custom-content {
    height: 430px !important;
    
}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
.bb-custom-wrapper {
    height: 430px !important;
    margin-top: px !important;
}
}


@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder a-001 img {max-width: 680px; margin-left: -324px; height: 420px;
margin-top: -42px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder a-01 img {max-width: 670px; margin-left: 380px; height: 420px;
margin-top: -42px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder a-001 img {max-width: 680px; margin-left: -300px; height: 420px;
margin-top: -42px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder a-2 img {max-width: 680px; margin-left: -300px; height: 420px;
margin-top: -42px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-h img {max-width: 1120px; margin-left: 376px; height: 420px;
margin-top: -42px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-h img {width: 670px; margin-left: 380px; height: 420px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-h img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -190px; left: 180px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l {width: 20px; color: #ff0000; font-size: 14px; margin-left: -6px; float: left; margin-top: 18px;}
}

@media (min-width: 760px) and (max-width: 1368px) {	
	.bb-bookblock .folder x {width: 20px; color: #ff0000; font-size: 14px; margin-left: -102px; float: left; margin-top: 15px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder x {width: 20px; color: #ff0000; font-size: 14px; margin-left: 1px; float: left; margin-top: 35px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder n {width: 20px; color: #ff0000; font-size: 14px; margin-left: -65px; float: left; margin-top: px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder m {width: 20px; color: #ff0000; font-size: 14px; margin-left: -69px; float: left; margin-top: 17px;}
}

@media (min-width: 1900px) and (max-width: 2330px) {	
	.bb-bookblock .folder x {width: 20px; color: #ff0000; font-size: 14px; margin-left: 6px; float: left; margin-top: 17px;}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22 img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
  top: 60px;
	margin-bottom: 0px;
	margin-left: 468px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-22 img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 193px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22-a_ img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
  top: 60px;
	margin-bottom: 0px;
	margin-left: 460px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-22-a_ img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 193px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 1500px) and (max-width: 1800px) {	
	
	.bb-bookblock .folder l-22-a_1_b img {
	position: absolute;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 width: 25px;
  top: 60px;
	margin-bottom: 0px;
	margin-left: 980px;
	padding-top: 0px;
    height: 25px;
    border: #ccc 12px solid;
    font-size: 14px;
    box-shadow: 0 0 0 2px, 0 0 0 1px #888;
}

}


@media (min-width: 1500px) and (max-width: 1800px) {	
	.bb-bookblock .folder l-22-a_1_b img[tabindex="0"]:focus{
 position: relative; z-index: 10;  
  top: -200px; left: 193px; bottom: 0px; right: 0;  
  width: 1120px; max-width: ;  
  height: auto; max-height: ;  
  margin: 0 auto;  
  box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-webkit-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);  
-moz-box-shadow: 0 20px 200px  300px #000, 0 0 0 0 rgba(0,0,0,.3);
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  padding-bottom: 0px;
	margin-bottom: -590px;
	/*transition: 0.9s;*/

}
}

@media (min-width: 940px) and (max-width: 1300px) {	
	.bb-custom-wrapper {width: 100%; margin-top: 155px;
		height: 430px;
}
}


@media (min-width: 940px) and (max-width: 2600px) {	
	.bb-custom-wrapper {width: 100%; margin-top: 155px;
}
}

@media (min-width: 940px) and (max-width: 2600px) {	
	.bb-item{left: px;}
}

@media (max-width: 940px) and (max-width: 2600px) {	
	.bb-custom-content img{width: 100%;
		margin-left: 20px; background: url(../images/demo3/fon_3.jpg);}

}