
			.info1 {
				position: absolute;
				display: block;
				width: 100%; 
				height: 35px;
				left: 0;
				color: #fff;
				bottom: 0;
				font-family: 'Open Sans';
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				z-index: 1;
				padding: 18px 0 10px 0;
				background: #99ccff;
				opacity:0.6;
			}
			.info1_text {
				color: #336699;
			}
			.icon360 {
				position: absolute;
				display: block;
				width: 150px; 
				height: 150px;
				background-image:url('../images/360_2.png'); 
				background-position: top left; 
				top: 10px;
				left: 10px;
				background-repeat: no-repeat;
				z-index: 99999999;
				opacity: 0.7;
			}
			.info {
				position: absolute;
				width: 500px;
				color: #6e6e6e;
				margin: auto;
				padding-top: 25px;
				font-family: 'Open Sans';
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				z-index: 1;
				cursor: zoom-in;
			}
			.picture {
				height: auto;
				/* background: #6e6e6e;*/
				-webkit-box-shadow: 0 8px 12px 1px #777;
            	-moz-box-shadow: 0 8px 12px 1px #777;
            	box-shadow: 0 8px 12px 1px #777;

				/*box-shadow: 0px 0px 12px rgba(0,255,255,0.5);*/
				/*border: 1px solid rgba(127,255,255,0.25);*/
				text-align: center;
				cursor: pointer;
				padding: 0;
			}
			.picture:hover {
				box-shadow: 0px 0px 12px rgba(0,255,255,0.75);
				border: 1px solid rgba(127,255,255,0.75);
			}
			.title_exh {
				position: absolute;
				/*background: #ffffff;*/
				text-align: center;
				padding-top: 10px;
				line-height: 30px;
				overflow: hidden;
				font-size: 32px;
				font-family: 'Forum';
				font-weight: 500;
   				color: #292929;
  				text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black;
			}

		.element {
				position: absolute;
				display: none;
				width: 100%;
				height: 60px;
				background: #007f7f;
				opacity: 0.5;
				z-index: 9999999;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			}
			.element:hover {
				box-shadow: 0px 0px 12px rgba(0,255,255,0.75);
				border: 1px solid rgba(127,255,255,0.75);
			}
				.element .number {
					position: absolute;
					top: 20px;
					right: 20px;
					font-size: 12px;
					color: rgba(127,255,255,0.75);
				}
				.element .symbol {
					position: absolute;
					top: 40px;
					left: 0px;
					right: 0px;
					font-size: 60px;
					font-weight: bold;
					color: rgba(255,255,255,0.75);
					text-shadow: 0 0 10px rgba(0,255,255,0.95);
				}
				.element .details {
					position: absolute;
					bottom: 15px;
					left: 0px;
					right: 0px;
					font-size: 12px;
					color: rgba(127,255,255,0.75);
				}


			.title_pic {
				display: none; 
			}
			
			.container1 {
				position: relative;
				overflow: hidden; 
				width: 600px; 
				height: 370px; 
				/*perspective: 241.097px; //цвет глубина*/
				left: 310px;
				/*width: calc(100% - 310px);*/
				height: 100%;
			}			
			
			#container22, #container33 {
				width: 700px; 
				height: 400px; 
				position: relative;
				margin: auto;
				text-align: center;
			}
			#container33 {
				cursor: move;
			}

			.loader {
				position: absolute;
				width: 70px; 
				height: 70px;
				padding-left: 300px;
				padding-top: 120px;
    			z-index: 999999999999999;
			}
			#container2 {
				position: relative;
				display: none;
				overflow: hidden; 
				width: 700px; 
				margin: 0 auto;
				height: 400px; 
				padding: 0;
				cursor: zoom-in;
			}
			
			.container3 {
				position: relative;
				overflow: hidden; 
				width: 600px; 
				margin: 0 auto;
				height: 300px; 
				padding: 0;
				cursor: pointer;
			}
			@media (max-width: 700px) {
				.container3, #container22, #container33 {
					width: 100%; 
				}
				#container2 {
					width: 100%; 
					padding-left:0;
				}
				.loader {
					padding-left:40%;
					padding-top:40%;
				}
			}
						
			#showmodal {
				position: relative;
				cursor: pointer;
			    font-size: 22px;
			}			
			#back {
				position: fixed;
				display: none;
				height: 100%;
				width: 100%;
				z-index: 999999999;
				top: 0;
				left: 0;
				background: #000;
			}
			.modalwindow {
    			position: fixed;
    			display: none; /* Скрываем модальное окно по умолчанию */
    			z-index: 99999999999;
    			background: #fff;
    			-webkit-box-shadow: 0 8px 6px -6px black;
    			-moz-box-shadow: 0 8px 6px -6px black;
    			box-shadow: 0 8px 6px -6px black;
    			-webkit-box-shadow: 0 8px 6px -6px black;
    			-moz-box-shadow: 0 8px 6px -6px black;
    			box-shadow: 0 8px 6px -6px black;
				cursor: move;
			}
			.conten {
			    color: #fff;
			    font-size: 22px;
			    line-height: 30px;
			}
			.close_mod1 {
			    position: absolute;
				display: none;
			    top: 20px;
			    left: 20px;
			    width: 87px;
			    height: 25px;
			    padding-top: 4px;
			    color: #7fffff;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
			    text-align: center;
			    text-decoration: none;
			    font-weight: 300;
			    font-family: 'Forum';
			    font-size: 15px;
    			z-index:999999999999999;
    			cursor: pointer;
			}
			.close_mod1:hover {
				box-shadow: 0px 0px 12px rgba(0,255,255,0.75);
				border: 1px solid rgba(127,255,255,0.75);
			    color: #00ffff;
			}

			#control_panel {
			    position: relative;
				display: none;
			    width: 280px;
			    height: 30px;
			    padding:0;
			    color: #7fffff;
			    text-align: center;
    			z-index: 999999999999999;
				display: inline-block; /*  */
		   		_display: inline;
				*display: inline; /* IE 7*/ 
    			margin: 0 auto;
			}
			#div_cont_panel {
			    position: relative;
			    width: 100%;
			    text-align: center;
			}
			
			#control_pause, #control_faster, #control_slower, 
			#control_zoom1, #control_zoom2,
			#control_screen, #control_question {
			    position: relative;
				width: 30px;
				height: 30px;
				padding-left: 5px;
				display: inline-block; /*  */
		   		_display: inline;
				*display: inline; /* IE 7*/ 
			}			
			#pause_play, #faster, #slower, #zoom1, #zoom2, 
			#screen, #question {
			    position:relative;
				width: 30px;
				height: 30px;
    			z-index: 9999999999999999;
    			cursor: pointer;
			}
			#pause_play:hover, .screen_small:hover, .screen_full:hover,
			#faster:hover, #slower:hover, #zoom1:hover, #zoom2:hover, 
			#screen:hover, #question:hover {
				-webkit-filter: drop-shadow(0px 0px 12px rgba(0,255,255,0.75));
  				filter: drop-shadow(0px 0px 12px rgba(0,255,255,0.75));

				opacity: 0.6;
			}
			.screen_full {
    			display: none;
			}
			
