/* Start:/bitrix/components/bitrix/asd.tube.catalog/templates/modern/style.css?139166622555842*/
/*

Для того, чтобы убрать верхнюю шапку и подвал сайта, необходимо удалить блоки "vdtb-header", "vdtb-footer" и обертку "vdtb-page"

Так как основной блок "vdtb-main" и все его содержимое будет внедряться в другие макеты, сверстанные по-другому, для исключения совпадений все правила относящиеся к этой верстке начинаются с префикса "vdtb-"

Блок "vdtb-main" не будучи ничем ограничен, адаптируется к макету сайта, т.е. он и все входящие в него элементы сверстаны "резиново".
Весь макет вместе с верхней и нижней частью также могут тянуться, если удалить следующие правила:
.vdtb-page {width:960px;}
.vdtb-footer {width:1000px;}


Так как фон макетов, в которые будет внедряться блок "vdtb-main" может отличаться от белого, в версте это учлось по-максимуму.
Единственно во всех случаях со скруглениями для браузеров IE, в файле "js-ie.js", вставляется дополнительная разметка с изображениями уголков. Эти изображения имеют фон и их придется перерисовывать.

Также фон указан для следующих элементов макета:

-- Заголовки вкладок с превью изображениями видео ("vdtb-items-h").
-- В блоках для создания уголков в IE (видно в файле "js-ie.js")
-- В блоке-подсказке с цифрами, обозначающими рейтинг, появляющимися при выставления рейтинга звездами ("vdtb-vote-value").


*/


/*  Links
------------------------------------------------ */

.vdtb-category-menu-list a:link {color:#000; text-decoration:underline;}
.vdtb-category-menu-list a:visited {color:#000; text-decoration:underline;}

.vdtb-category-menu-list a:active,
.vdtb-category-menu-list a:hover{color:#004bc8; text-decoration:none;}

.vdtb-alt-main-menu-list a:link {color:#000; text-decoration:underline;}
.vdtb-alt-main-menu-list a:visited {color:#000; text-decoration:underline;}

.vdtb-alt-main-menu-list a:active,
.vdtb-alt-main-menu-list a:hover{color:#004bc8; text-decoration:none;}
.vdtb-alt-main-menu-list .vdtb-category-menu-list-sel a{color:#004bc8!important; text-decoration:none!important;}


a.vdtb-link-button:link {color:#fff; text-decoration:none;}
a.vdtb-link-button:visited {color:#fff; text-decoration:none;}

a.vdtb-link-button:active,
a.vdtb-link-button:hover{color:#fff; text-decoration:none;}

a.vdtb-like:link {color:#169e00; text-decoration:none;}
a.vdtb-like:visited {color:#169e00; text-decoration:none;}

a.vdtb-like:active,
a.vdtb-like:hover{color:#004bc8; text-decoration:none;}

a.vdtb-unlike:link {color:#ee1313; text-decoration:none;}
a.vdtb-unlike:visited {color:#ee1313; text-decoration:none;}

a.vdtb-unlike:active,
a.vdtb-unlike:hover{color:#004bc8; text-decoration:none;}

.vdtb-category-menu-sub a:link {color:#004bc8; text-decoration:none;}
.vdtb-category-menu-sub a:visited {color:#004bc8; text-decoration:none;}

.vdtb-category-menu-sub a:active,
.vdtb-category-menu-sub a:hover{color:#5a5a5a; text-decoration:none;}


.vdtb-button:link {color:#414141; text-decoration:none;}
.vdtb-button:visited {color:#414141;}

.vdtb-button:hover {color:#004ac5;}
.vdtb-button:active {color:#414141;}



/*  Links
----------------------------------------end----- */

.vdtb-main hr {
	margin:25px 0;
	height:1px;
	border:none;
	background:#ddd;
	color:#ddd;
	}

/*  Layout structure
------------------------------------------------ */

.vdtb-main img {border:0;}

.vdtb-main {
	font:normal 12px/17px Verdana, Arial, serif;
	}

.vdtb-main {width:100%; padding-bottom:30px; margin:20px 0 0 0;}
	.vdtb-columns {
		width:100%;
		position:relative;
		}
	.vdtb-one-col .vdtb-content {
		margin:0;
		}
	.vdtb-two-col .vdtb-content {
		margin:0 240px 0 0;
		}

		.vdtb-mainbar {
			width:100%;
  			float:left;
			}
			.vdtb-content {
				min-height:20px;
				position:relative;
				}

		.vdtb-right-sidebar {
			float:left;
			margin-left:-240px;
			width:220px;
			padding-left:20px;
			padding-bottom:30px;

			}


.vdtb-clear {
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
	}

/*  Layout structure
------------------------------------------END--- */



/*  Content elements
------------------------------------------------ */

	.vdtb-one-col .vdtb-content-h-section,
	.vdtb-one-col .vdtb-category-legend {
		margin-right:240px;
		}

	.vdtb-one-col .vdtb-user-small {
		position:absolute !important;
		top:0;
		right:20px;
		}


	.vdtb-category-legend {
		margin-bottom:30px;
		overflow:hidden;
		line-height:20px;
		}
		.vdtb-category-legend-img {
			float:left;
			margin-right:20px;
			margin-bottom:20ppx;
			}
		.vdtb-category-legend-body {
			overflow:hidden;
			padding-right:30px;
			zoom:1;
			}


	/*  Bread crumbs
	--------------------------------------------------- */

	.vdtb-breadcrumbs {
		display:block;
		margin:0 0 15px -1px;
		padding:0;
		list-style-type:none;
		}
		.vdtb-breadcrumbs li {
			display:inline;
			background: url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/breadcrumbs-separator.png?v2") right 3px no-repeat;
			//background-position:right 5px;
			font-size:12px;
			}
			.vdtb-breadcrumbs li a,
			.vdtb-breadcrumbs li span {
				display:inline-block;
				padding:0 14px 3px 3px;
				//padding:0 8px 3px 5px;
				}

			.vdtb-breadcrumbs .vdtb-breadcrumbs-last {background:none;}


	/*  Bread crumbs
	---------------------------------------------end--- */

	.vdtb-main-h {
		margin:0;
		padding:0;
		font-size:30px;
		line-height:34px;
		margin-bottom:22px;
		border:none;
		font-weight:bold;
		}


.vdtb-category-menu {
	margin:0 8px 0 0;
	position:relative;
	height:40px;

	}


.vdtb-category-menu-panel {
	position:relative;
	z-index:3;
	min-width:900px;
/*	max-width:1200px;

	_width:expression((document.documentElement.clientWidth)<900?'900px':(document.documentElement.clientWidth > 1200? "1200px": "auto")); /* min-max width for IE6 */
	}


.vdtb-category-menu-list-panel,
.vdtb-category-menu-list-panel table {
	border-collapse: collapse;
	}

.vdtb-category-menu-list-panel-button {
	width:1%;
	}

.vdtb-category-menu-list-panel,
.vdtb-category-menu-list {
	width:100%;
	}

.vdtb-category-menu-list-panel td {
	vertical-align:top;
	margin:0;
	padding:0;
	white-space:nowrap;
	}



	.vdtb-category-menu-list {
		margin-left:5px;
		}
		.vdtb-category-menu-list td {
			font-size:15px;
			text-align:center;
			font-family:Arial, Verdana, serif;
			width:10%;
			position:relative;
		}
		.vdtb-category-menu-list td a {
			display:block;
			padding:12px 10px;
			position:relative;
			zoom:1;
			}
			.vdtb-category-menu-list td a span {
				font-weight:bold;
				}
		.vdtb-category-menu-list td a span:before,
		.vdtb-category-menu-list td a span:after {
			content: "";
			display:block;
			position:absolute;
			top:0;
			width:1px;
			height:40px;
			background:#cdcdcd url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-category-menu-sep.gif?v2") left top no-repeat;
			display:none;

			}
		.vdtb-category-menu-list td a span:before {left:0;}
		.vdtb-category-menu-list td a span:after {right:0;}


		.vdtb-category-menu-list-panel .vdtb-category-menu-list a.vdtb-category-menu-list-sel {
				color:#004bc8 !important;
				text-decoration:none;
				}

				.vdtb-category-menu-list-panel .vdtb-category-menu-list a.vdtb-category-menu-list-sel {
					background:#fff url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-category-menu-hover.gif?v2") left top repeat-x;
					}

				.vdtb-category-menu-list-panel .vdtb-category-menu-list a.vdtb-category-menu-list-sel span:before,
				.vdtb-category-menu-list-panel .vdtb-category-menu-list a.vdtb-category-menu-list-sel span:after {
					display:block;
					}

		.vdtb-category-menu-cell {
			position:relative;
			}
			.vdtb-category-menu-sub {
				padding:10px 0 0 0;
				margin:0;
				position:absolute;
				top:40px;
				left:-7px;
				width:200px;
				font-size:12px;
				line-height:17px;
				text-align:left;
				white-space:normal;
				display:none;
				}
			.vdtb-category-menu-cell:hover .vdtb-category-menu-sub,
			.vdtb-category-menu-cell:hover .vdtb-category-menu-sub-arrow {
				display:block;
				}
			.vdtb-category-menu-sub-arrow {
				width:20px;
				height:11px;
				position:absolute;
				bottom:-10px;
				left:50%;
				margin-left:-10px;
				background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-category-menu-sub-arrow.png?v2") left top no-repeat;
				z-index:2;
				display:none;
				}
			.vdtb-category-menu-sub-list {

				background:#fff;
				border:1px solid #f1f2f4;
				-webkit-border-radius:5px;
				   -moz-border-radius:5px;
					    border-radius:5px;
					-webkit-box-shadow: 0 5px 5px #a7aeba;
					  -moz-box-shadow:  0 5px 5px #a7aeba;
					       box-shadow:  0 4px 10px #a7aeba;
				padding:15px 0;
				margin:0;
				list-style-type:none;
				}
				.vdtb-category-menu-sub-list li {
					padding:0;
					margin:0;
					position:relative;
					}
					.vdtb-category-menu-sub-list a {
						display:block;
						font-weight:bold;
						padding:5px 20px !important;
						position:relative;
						zoom:1;
						}




.vdtb-category-button {
	float:left;
	white-space:nowrap;
	}
.vdtb-add {
	margin-bottom:20px;
	display:block !important;
	text-align:center;
	}

	.vdtb-link-button {
		position:relative;
		display:inline-block;
		height:38px;
		padding:0 5px;
		line-height:40px;
		font-size:15px;
		font-weight:bold;

		-webkit-box-shadow: 0 11px 9px -9px #acc0ad;
            -moz-box-shadow: 0 11px 9px -9px #acc0ad;
                 box-shadow: 0 11px 9px -9px #acc0ad;

       	-webkit-border-radius: 5px;
	       -moz-border-radius: 5px;
		        border-radius: 5px;


		background: -moz-linear-gradient(top,  #48dc56 0%, #b9efbc 1%, #48dc56 4%, #06a824 49%, #06a816 63%, #2cbc39 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48dc56), color-stop(1%,#b9efbc), color-stop(4%,#48dc56), color-stop(49%,#06a824), color-stop(63%,#06a816), color-stop(100%,#2cbc39)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#06a824 49%,#06a816 63%,#2cbc39 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#06a824 49%,#06a816 63%,#2cbc39 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#06a824 49%,#06a816 63%,#2cbc39 100%); /* IE10+ */
		background: linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#06a824 49%,#06a816 63%,#2cbc39 100%); /* W3C */

		text-shadow:#00800c 0px -1px 2px;

		border:1px solid #05a514;
		border-top:1px solid #3bca49;
		border-bottom:1px solid #06ad16;
		padding:0 15px 0 14px;

		}

	.vdtb-link-button:hover {
		background: -moz-linear-gradient(top,  #48dc56 0%, #b9efbc 1%, #48dc56 4%, #23bf32 49%, #1eb32b 64%, #30c03d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48dc56), color-stop(1%,#b9efbc), color-stop(4%,#48dc56), color-stop(49%,#23bf32), color-stop(64%,#1eb32b), color-stop(100%,#30c03d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#23bf32 49%,#1eb32b 64%,#30c03d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#23bf32 49%,#1eb32b 64%,#30c03d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#23bf32 49%,#1eb32b 64%,#30c03d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #48dc56 0%,#b9efbc 1%,#48dc56 4%,#23bf32 49%,#1eb32b 64%,#30c03d 100%); /* W3C */
		}

	.vdtb-link-button:active {
		border-top:1px solid #006e08;
		background: -moz-linear-gradient(top,  #00920e 0%, #35c442 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00920e), color-stop(100%,#35c442)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #00920e 0%,#35c442 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #00920e 0%,#35c442 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #00920e 0%,#35c442 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #00920e 0%,#35c442 100%); /* W3C */

	    -webkit-box-shadow: inset 0 4px 7px -1px #006e08;
 			   -moz-box-shadow: inset 0 4px 7px -1px #006e08;
		 	        box-shadow: inset 0 4px 7px -1px #006e08;
		}


	button.vdtb-link-button {
		color:#fff;
		height:40px;
		cursor:pointer;
		font-family:Verdana, Arial, serif;;
		}

.vdtb-items-simple {
	position:relative;
	padding:15px 0 30px 0;
	}

.vdtb-items {
	position:relative;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		    border-radius: 5px;

	-webkit-box-shadow: 0 19px 20px -17px #bbbfc6;
           -moz-box-shadow: 0 19px 20px -17px #bbbfc6;
                box-shadow: 0 19px 20px -17px #bbbfc6;

	border:1px solid #ddd;
	margin-bottom:45px;
	padding:35px 19px 30px 19px;
	}


.vdtb-items-sidebar {
	padding:20px 19px 30px 19px;
	}
	.vdtb-items-sidebar-h {
		font-size:16px;
		font-weight:bold;
		margin:0 0 11px 0;
		padding:0;
		line-height:17px;
		border:none;
		}

	.vdtb-items-h-section {
		position:absolute;
		top:-17px;
		left:10px;
		background:#fff;
		overflow:hidden;
		}

	.vdtb-items .vdtb-items-h {
		position:relative;
		top:-4px;
		margin:0;
		padding:7px 20px 7px 10px;
		font-weight:bold;
		font-size:24px;
		line-height:26px;
		float:left;
		border:none;
		}

	.vdtb-items-simple .vdtb-items-list,
	.vdtb-items .vdtb-items-list {
		margin:0 0 0 -60px;
		padding:0;
		list-style-type:none;
		}
		.vdtb-items-list .vdtb-items-list-item {
			margin:0 0 22px 60px;
			padding:0;
	        width: 180px;
	        min-height: 100px;
	        display: -moz-inline-stack;
	        display: inline-block;
	        vertical-align: top;
	  		}
			.vdtb-items-list .vdtb-items-list-item  .vdtb-items-list-item-link {
				display:block;
				text-decoration:none;
				line-height:17px;
				margin:0 0 6px 0;
				padding:0;
				position:relative;
				}
				.vdtb-items-list-item-link-bg {
					display:block;
					background:#000;
					text-align:center;
					margin:0 0 4px 0;
					padding:0;
					position:relative;
					font-size:0;
					line-height:0;
					}
					.vdtb-items-list-item-time-text {
						position:absolute;
						font-weight:bold;
						right:2px;
						padding:0 4px;
						bottom:2px;
						display:block;
						line-height:15px;
						font-size:10px;
						height:15px;
						color:#fff;
						-webkit-border-radius: 3px;
				 		   -moz-border-radius: 3px;
				    	        border-radius: 3px;

				    	background:#000;
						opacity: 0.75;

						}
						.vdtb-items-list-item-link img {
							display:block;
							margin:auto;
							border:none;
							cursor:pointer;
							}

			.vdtb-items-list-item .vdtb-items-list-item-info {
				margin:0;
				padding:0;
				list-style-type:none;
				}
				.vdtb-items-list-item .vdtb-items-list-item-info li,
				.vdtb-items-list-item-info-item  {
						padding:0 11px 0 0;
						margin:0;
						position:relative;
						float:left;
						font-size:11px;
						}




/*  Items tabs
--------------------------------------------------- */

.vdtb-items-h-section .vdtb-items-tabs-list {
	padding:0;
	margin:4px 10px 0 0;
	list-style-type:none;
	display:inline;
	float:left;
	}
	.vdtb-items-tabs-list li {
		padding:0;
		margin:0;
		position:relative;
		float:left;
		cursor:pointer;
		color:#5a5a5a;
		text-shadow:1px 1px 1px #fff;

		}
		.vdtb-tab-h-selected {
			text-shadow:#4b4b4b 0px -1px 2px;
			}
		.vdtb-tab-h-body,
		.vdtb-ith-text,
		.vdtb-ith-left,
		.vdtb-ith-right {
			display:block;
			height:26px;

			}
		.vdtb-ith-text,
		.vdtb-ith-left,
		.vdtb-ith-right {
			display:block;
			height:26px;
			line-height:24px;
			font-size:12px;
			background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-tabs-h.png?v2');
			}

		.vdtb-tab-h-selected .vdtb-ith-text,
		.vdtb-tab-h-selected .vdtb-ith-left,
		.vdtb-tab-h-selected .vdtb-ith-right {
			background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-tabs-h-selected.png?v2');
			}

		.vdtb-ith-text {
			margin:0 4px;
			padding:0 6px;
			background-position:0 bottom;
			}
			.vdtb-tab-h-selected .vdtb-ith-text,
			.vdtb-items-tabs-list li:hover .vdtb-ith-text {
				background-position:0 0;
				}
			.vdtb-items-tabs-list li:hover .vdtb-ith-text {
				color:#004ac5;
				}
			.vdtb-items-tabs-list li.vdtb-tab-h-selected .vdtb-ith-text {
				color:#5a5a5a;
				}

		.vdtb-ith-left,
		.vdtb-ith-right {
			position:absolute;
			top:0;
			width:4px;
			background-repeat:no-repeat;
			}


		.vdtb-ith-left {
			left:0;
			background-position:0 -135px;
			}
			.vdtb-tab-h-selected .vdtb-ith-left,
			.vdtb-items-tabs-list li:hover .vdtb-ith-left {
				background-position:0 -27px;
				}
		.vdtb-tab-h-first .vdtb-ith-left {
			background-position:0 -189px;
			}
			.vdtb-tab-h-selected .vdtb-tab-h-first .vdtb-ith-left,
			.vdtb-items-tabs-list li:hover .vdtb-tab-h-first .vdtb-ith-left {
				background-position:0 -81px;
				}


		.vdtb-ith-right {
			margin-left:100%;
			left:-4px;
			background-position:0 -162px;
			}
			.vdtb-tab-h-selected .vdtb-ith-right,
			.vdtb-items-tabs-list li:hover .vdtb-ith-right {
				background-position:0 -54px;
				}
		.vdtb-tab-h-last .vdtb-ith-right {
			background-position:0 -217px;
			}
			.vdtb-tab-h-selected .vdtb-tab-h-last .vdtb-ith-right,
			.vdtb-items-tabs-list li:hover .vdtb-tab-h-last .vdtb-ith-right {
				background-position:0 -108px;
				}



.vdtb-items-tab-section {
	display:none;
	}
.vdtb-tab-section-selected {
	display:block;
	}



/*  Items tabs
---------------------------------------------end--- */


/*  Items filter tabs
--------------------------------------------------- */

.vdtb-filter {
	display:inline-block;
	margin-bottom:15px;
	}

.vdtb-filter-items {
	overflow:hidden;
	}
	.vdtb-filter .vdtb-items-filter-list {
		padding:0;
		margin:0;
		display:inline;
		}
		.vdtb-items-filter-list li {
			padding:0;
			margin:0;
			position:relative;
			float:left;
			cursor:pointer;
			color:#5a5a5a;
			text-shadow:1px 1px 1px #fff;
			list-style-type:none;
			}
			.vdtb-filter-h-selected {
				text-shadow:#4b4b4b 0px -1px 2px;
				}
			.vdtb-filter-h-body .vdtb-ifh-text {
				padding-right:17px;
				}

			.vdtb-filter-h-body,
			.vdtb-ifh-text,
			.vdtb-ifh-left,
			.vdtb-ifh-right {
				display:block;
				height:32px;

				}
			.vdtb-ifh-text,
			.vdtb-ifh-left,
			.vdtb-ifh-right {
				display:block;
				height:32px;
				line-height:30px;
				font-size:12px;
				background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-filter-h.png?v2');
				}

			.vdtb-filter-h-selected .vdtb-ifh-text,
			.vdtb-filter-h-selected .vdtb-ifh-left,
			.vdtb-filter-h-selected .vdtb-ifh-right {
				background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-filter-h-selected.png?v2');
				}

			.vdtb-ifh-text {
				margin:0 4px;
				padding:0 6px;
				background-position:0 bottom;
				}
				.vdtb-filter-h-selected .vdtb-ifh-text,
				.vdtb-items-filter-list li:hover .vdtb-ifh-text {
					background-position:0 0;
					}
				.vdtb-items-filter-list li:hover .vdtb-ifh-text {
					color:#004ac5;
					}
				.vdtb-items-filter-list li.vdtb-filter-h-selected .vdtb-ifh-text {
					color:#5a5a5a;
					}

			.vdtb-ifh-left,
			.vdtb-ifh-right {
				position:absolute;
				top:0;
				width:4px;
				background-repeat:no-repeat;
				}


			.vdtb-ifh-left {
				left:0;
				background-position:0 -165px;
				}
				.vdtb-filter-h-selected .vdtb-ifh-left,
				.vdtb-items-filter-list li:hover .vdtb-ifh-left {
					background-position:0 -33px;
					}
			.vdtb-filter-h-first .vdtb-ifh-left {
				background-position:0 -231px;
				}
				.vdtb-filter-h-selected .vdtb-filter-h-first .vdtb-ifh-left,
				.vdtb-items-filter-list li:hover .vdtb-filter-h-first .vdtb-ifh-left {
					background-position:0 -99px;
					}


			.vdtb-ifh-right {
				margin-left:100%;
				left:-4px;
				background-position:0 -198px;
				}
				.vdtb-filter-h-selected .vdtb-ifh-right,
				.vdtb-items-filter-list li:hover .vdtb-ifh-right {
					background-position:0 -66px;
					}
			.vdtb-filter-h-last .vdtb-ifh-right {
				background-position:0 -264px;
				}
				.vdtb-filter-h-selected .vdtb-filter-h-last .vdtb-ifh-right,
				.vdtb-items-filter-list li:hover .vdtb-filter-h-last .vdtb-ifh-right {
					background-position:0 -132px;
					}


.vdtb-filter-sections {
	margin-top:-3px;
	padding:10px 5px;
	overflow:hidden;
	border:1px solid #ddd;
		background:#f8f8f8;
		-webkit-border-radius:0 0 5px 5px;
		   -moz-border-radius:0 0 5px 5px;
			    border-radius:0 0 5px 5px;
	}

	.vdtb-filter-section {
		overflow:hidden;
		display:none;
		}
	.vdtb-filter-section-selected {
		display:block;
		}

		.vdtb-filter-list {
			padding:0;
			margin:0;
			list-style-type:none;
			display:inline;
			}
			.vdtb-filter-list li {
				padding:0;
				margin:0;
				position:relative;
				display:inline;
				}
				.vdtb-filter-list a {
					position:relative;
					display:inline-block;
					padding:5px 9px;
					}
				.vdtb-filter-list-selected a {
					color:#000;
					text-decoration:none;
					font-weight:bold;
					}


/*  Items filter tabs
---------------------------------------------end--- */


	/*  Icons
	--------------------------------------------------- */


		.vdtb-icon {
			position:absolute;
			overflow:hidden;
			}
		.vdtb-inline-icon {
			display:inline-block;
			position:relative;
			vertical-align:middle;
			}
		.vdtb-inline-icon,
		.vdtb-icon {
			background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-icons.png?v2');
			}
		.vdtb-rss .vdtb-inline-icon {
			background-position:0 -62px;
			width:20px;
			height:20px;
			margin-right:10px;
			top:-2px;
			}

		.vdtb-inline-icon-filter-views {
			background-position:0 -302px;
			width:16px;
			height:10px;
			margin-right:8px;
			top:-1px;
			}
		.vdtb-inline-icon-filter-rate {
			background-position:0 -313px;
			width:11px;
			height:11px;
			margin-right:8px;
			top:-1px;
			}
		.vdtb-inline-icon-filter-date {
			background-position:0 -325px;
			width:12px;
			height:13px;
			margin-right:8px;
			top:-1px;
			}

		.vdtb-auth-control .vdtb-inline-icon {
			background-position:0 -35px;
			width:12px;
			height:13px;
			margin-right:10px;
			}
			.vdtb-auth-control:hover .vdtb-inline-icon {
				background-position:0 -49px;
				}

		.vdtb-items-list-item-info li.vdtb-icon-1,
		.vdtb-items-list-item-info .vdtb-items-list-item-info-item.vdtb-icon-1 {
			padding-left:16px;
			}
			.vdtb-icon-1 .vdtb-icon	{
				background-position:0 0;
				width:13px;
				height:11px;
				left:0;
				top:3px;
				}
		.vdtb-items-list-item-info li.vdtb-icon-2,
		.vdtb-items-list-item-info .vdtb-items-list-item-info-item.vdtb-icon-2 {
			padding-left:15px;
			}
		.vdtb-tabs .vdtb-icon-2-right {
			padding-right:35px;
			}
			.vdtb-icon-2-right .vdtb-icon,
			.vdtb-icon-2 .vdtb-icon	{
				background-position:0 -12px;
				width:11px;
				height:11px;
				}
			.vdtb-icon-2-right .vdtb-icon {
				right:15px;
				top:14px;
				cursor:default;
				}
			.vdtb-icon-2 .vdtb-icon	{
				left:0;
				top:3px;
				}


		.vdtb-items-list-item-info li.vdtb-icon-3,
		.vdtb-items-list-item-info .vdtb-items-list-item-info-item.vdtb-icon-3 {
			padding-left:17px;
			}
		.vdtb-tabs .vdtb-icon-3-right {
			padding-right:37px;
			}

			.vdtb-icon-3-right .vdtb-icon,
			.vdtb-icon-3 .vdtb-icon	{
				background-position:0 -24px;
				width:16px;
				height:10px;

				}
			.vdtb-icon-3-right .vdtb-icon {
				right:17px;
				top:15px;
				cursor:default;
				}
			.vdtb-icon-3 .vdtb-icon	{
				left:0;
				top:4px;
				}


		.vdtb-icon-4 {
			position:relative;
			padding-left:14px;
			}



			.vdtb-icon-4 .vdtb-icon	{
				background-position:0 -33px;
				width:11px;
				height:10px;
				left:0;
				top:5px;
				cursor:pointer;
				}
			.vdtb-link-button-2 .vdtb-icon	{
				left:13px;
				top:16px;
				}
			.vdtb-icon-4 .vdtb-icon	{
				left:0;
				top:5px;
				}
				.vdtb-link-button-2:hover .vdtb-icon,
				.vdtb-icon-4:hover .vdtb-icon {
					background-position:0 -44px;
					}



		.vdtb-tabs .vdtb-icon-5-right {
			position:relative;
			padding-right:40px;
			}
			.vdtb-icon-5-right .vdtb-icon	{
				background-position:0 -55px;
				width:11px;
				height:11px;
				right:20px;
				top:14px;
				cursor:default;
				}


			.vdtb-auth-user-menu .vdtb-icon	{
				background-position:0 -83px;
				width:8px;
				height:4px;
				right:9px;
				top:14px;
				cursor:pointer;
				}

			.vdtb-auth-user-menu-favorites .vdtb-icon	{
				background-position:0 -88px;
				width:11px;
				height:10px;
				left:0;
				top:8px;
				cursor:pointer;
				}
				.vdtb-auth-user-menu-favorites:hover .vdtb-icon	{
					background-position:0 -99px;
					}

			.vdtb-auth-user-menu-playlist .vdtb-icon	{
				background-position:0 -110px;
				width:9px;
				height:8px;
				top:10px;
				left:0;
				cursor:pointer;
				}


			.vdtb-slider-prev .vdtb-icon,
			.vdtb-slider-next .vdtb-icon {
				width:13px;
				height:20px;
				top:5px;
				cursor:pointer;
				z-index:3;
				}
				.vdtb-slider-prev:hover .vdtb-icon {
					background-position:0 -161px;
					}
				.vdtb-slider-prev .vdtb-icon,
				.vdtb-slider-prev:active .vdtb-icon {
					background-position:0 -119px;
					left:7px;
					}

				.vdtb-slider-next:hover .vdtb-icon {
					background-position:0 -182px;
					}
				.vdtb-slider-next .vdtb-icon,
				.vdtb-slider-next:active .vdtb-icon {
					background-position:0 -140px;
					right:7px;
					}

			.vdtb-video-wide-control .vdtb-icon {
				width:13px;
				height:13px;
				top:9px;
				cursor:pointer;
				z-index:3;
				left:9px;
				}
				.vdtb-video-wide-control:hover .vdtb-icon {
					background-position:0 -218px;
					}
				.vdtb-video-wide-control .vdtb-icon,
				.vdtb-video-wide-control:active .vdtb-icon {
					background-position:0 -204px;
					}


			.vdtb-playlist-control-del .vdtb-icon {
				width:12px;
				height:12px;
				top:10px;
				cursor:pointer;
				z-index:3;
				left:9px;
				}
				.vdtb-playlist-control-del:hover .vdtb-icon {
					background-position:0 -245px;
					}
				.vdtb-playlist-control-del .vdtb-icon,
				.vdtb-playlist-control-del:active .vdtb-icon {
					background-position:0 -232px;
					}

				.vdtb-filter-h-body .vdtb-icon {
					width:8px;
					height:4px;
					background-position:0 -83px;
					top:14px;
					cursor:pointer;
					right:7px;
					}



	/*  Icons
	---------------------------------------------end--- */



	/*  Tabs
	--------------------------------------------------- */

			.vdtb-rounded-tabs {
				width:100%;
				overflow:hidden;
				margin:0 0 15px 0;
				padding:1px;
				position:relative;
				}
				.vdtb-rounded-tabs dt {
					float:left;
					border-bottom:0;
					padding:0;
					margin:1px;
					position:relative;
					left:0;
					height:41px;
					cursor:pointer;
					z-index:5;
					}
					.vdtb-rounded-tabs dt a {
						height:46px;
						line-height:37px;
						margin-left:1px;
						display:inline-block;
						position:relative;
						padding:0 20px;
						z-index:6;
						left:-1px;
						margin-right:-1px;
						font-weight:bold !important;
						outline:none;
						}

				.vdtb-rounded-tabs dt,
				.vdtb-rounded-tabs dt a {
					-webkit-border-radius: 5px 5px 0 0;
					-moz-border-radius: 5px 5px 0 0;
					 border-radius: 5px 5px 0 0;
					}
				.vdtb-rounded-tabs dt.vdtb-tabs-selected {
					background:#f8f8f8;
					border:1px solid #ddd;
					border-bottom:none;
					margin:0;
					}
					.vdtb-rounded-tabs dt.vdtb-tabs-selected a {
						background:#f8f8f8;
						color:#000 !important;
						text-decoration:none;
						cursor:default;
						}


			.vdtb-rounded-tabs dd {
				background:#f8f8f8;
				display:none;
				float:right;
				width:100%;
				margin:42px 0 0 -100%;
				position:relative;
				}
			.vdtb-rounded-tabs dd.vdtb-tabs-selected {
				display:block;
				}
				.vdtb-rounded-tabs .vdtb-tab-content {
					border:1px solid #ddd;
					overflow:hidden;
					padding:10px;

					-webkit-border-radius: 5px;
		  	  		   -moz-border-radius: 5px;
		                    border-radius: 5px;

					}




			/*  Buttons tabs
			--------------------------------------------------- */

				.vdtb-buttons-tabs {
					width:100%;
					margin:0;
					padding:0;
					padding:1px;
					position:relative;
					}
					.vdtb-buttons-tabs dt {
						float:left;
						line-height:2;
						height:32px;
						padding:0;
						position:relative;
						}

						.vdtb-buttons-tabs dt a.vdtb-tabs-first {
							margin-right:5px;
							}


						.vdtb-buttons-tabs dt.vdtb-tabs-selected {z-index:3;}

						.vdtb-buttons-tabs dd {
							background:#fff;
							display:none;
							float:right;
							width:100%;
							margin:32px 0 0 -100%;
							position:relative;
							z-index:2;
							}
						.vdtb-buttons-tabs dd.vdtb-tabs-selected {
							display:block;
							}
							.vdtb-buttons-tabs .vdtb-tab-content {
								padding:25px 0 0 0;
								}

			/*  Buttons tabs
			---------------------------------------------end--- */



	/*  Tabs
	---------------------------------------------end--- */

	.vdtb-tab-filter-list {
		padding:0;
		margin:0;
		list-style-type:none;
		}
		.vdtb-tab-filter-list li {
			padding:0;
			margin:0;
			position:relative;
			float:left;
			}
			.vdtb-tab-filter-list a {
				position:relative;
				display:inline-block;
				padding:5px 9px;
				}
			.vdtb-tabs .vdtb-tab-content .vdtb-tab-filter-list-selected a {
				color:#000;
				text-decoration:none;
				font-weight:bold;
				}


		/*  Page navigation
	--------------------------------------------------- */

	.vdtb-page-nav {
		margin-bottom:10px;
		text-align:center;
		position:relative;
		}
	.vdtb-page-nav-bg-and-cn {
		background:#f8f8f8;
		padding:15px 180px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		border:1px solid #dddddd;
		}
		.vdtb-page-nav-legend {
			position:absolute;
			top:15px;
			left:20px;
			text-align:left;
			}
			.vdtb-page-nav-legend-item {
				color:#888;
				margin-bottom:15px;
				}
				.vdtb-page-nav-legend-item span {
				color:#000;
				}

		.vdtb-page-nav-pages {
			margin:0 0 10px 0;
			padding:0;
			}
			.vdtb-page-nav-prev,
			.vdtb-page-nav-next {
				position:relative;
				}
				.vdtb-arrow-left,
				.vdtb-arrow-right {
					display:block;
					width:14px;
					height:5px;
					position:absolute;
					top:6px;
					background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-arrows.png?v2');
					background-repeat:no-repeat;
					overflow:hidden;
					}
			.vdtb-page-nav-prev {
				margin-right:25px;
				padding-left:23px;
				}
				.vdtb-arrow-left {
					background-position:0 0;
					left:0;
					}
			.vdtb-page-nav-next {
				padding-right:23px;
				}
				.vdtb-arrow-right {
					background-position:-15px 0;
					right:0;
					}

		.vdtb-page-nav-list {
			margin:0 0 0 -8px;
			padding:0;
			list-style-type:none;
			display:inline;
			}
			.vdtb-page-nav-list li {
				margin:0;
				padding:0;
				list-style-type:none;
				display:-moz-inline-box;
				display:inline-block;
				position:relative;
				font-size:12px;
				cursor:default;
				}


				.vdtb-page-nav-list li a {
					border:1px solid #f8f8f8;

					-webkit-border-radius:3px;
					   -moz-border-radius:3px;
						    border-radius:3px;

					}
					.vdtb-page-nav-list li a:hover {
						border:1px solid #dfdfdf;
						border-bottom:1px solid #ababab;
						border-right:1px solid #cdcdcd;
						border-left:1px solid #cdcdcd;


					  	-webkit-box-shadow: 0 2px 2px -1px #dddbdb;
				           -moz-box-shadow: 0 2px 2px -1px #dddbdb;
				                box-shadow: 0 2px 2px -1px #dddbdb;


									-webkit-border-radius:3px;
									   -moz-border-radius:3px;
										    border-radius:3px;

									}

				.vdtb-page-nav-list li a,
				.vdtb-page-nav-sel .vdtb-pns-body {
					display:block;
					background-repeat:repeat-x;
					position:relative;
					padding:0 12px;
					height:30px;
					line-height:30px;
					padding-top:1px;


		-webkit-border-radius: 3px;
	  	   -moz-border-radius: 3px;
	            border-radius: 3px;
					}
					.vdtb-pns-num {
						position:relative;
						z-index:1;
						}


	/*  Page navigation
	---------------------------------------------end--- */

	.vdtb-date-time {
		color:#656565;
		font-size:12px;
		margin-bottom:25px;
		}
		.vdtb-date,
		.vdtb-date-time-name {
			margin-right:20px;
			}



	.vdtb-video-author {
		margin-bottom:10px;
		position:relative;
		top:0;
		font-size:11px;
		}
		.vdtb-video-author-h {
			display:inline-block;
			margin-right:15px;
			}

	.vdtb-video {
		position:relative;
		z-index:1;
		overflow:hidden;
		}
		.vdtb-video-wrap {
			display:block;
			padding-right:30px;
			position:relative;
			margin-bottom:10px;
			}
		.vdtb-video-bottom {
			min-width:610px;
			}
			.vdtb-video-wide-control {
				position:absolute !important;
				top:0;
				right:0;
				padding:0 !important;
				width:29px;
				}
				.vdtb-video-wide-control {

					}



	.vdtb-video-actions {
		margin-bottom:20px;
		}
		.vdtb-video-action {
			margin-left:8px;
			}
		.vdtb-video-view-counter {
			color:#414141;
			font-size:12px;
			margin-left:14px;
			display:inline-block;
			}
			.vdtb-video-view-counter-val {
				font-size:16px;
				font-weight:bold;
				color:#000;
				}

	.vdtb-date-time {
		font-size:11px;
		margin-bottom:20px;
		}
	.vdtb-video-legend {
		margin-bottom:24px;
		}

	.vdtb-video-category,
	.vdtb-video-tags {
		font-size:11px;
		margin-bottom:12px;
		}

	.vdtb-video-more-close .vdtb-video-more-body {
		display:none;
		}
	.vdtb-video-more {
		margin-bottom:20px;
		}
		.vdtb-video-more-h {
			margin-bottom:10px;
			padding-top:7px;
			text-align:center;
			background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-video-more-shadow.png?v2") center top no-repeat;
			}
			.vdtb-video-more .vdtb-video-more-control {
				padding:0;
				width:98px;
				outline:none;
				}
		.vdtb-video-more-body {
			overflow:hidden;
			}

	.vdtb-button {
		position:relative;
		display:inline-block;
		height:30px;
		padding:0 15px;
		line-height:30px;
		font-size:12px;
		text-decoration:none !important;

		text-shadow:1px 1px 0 #fff;


		background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
		background-color:#FFF !important;

		border:1px solid #dfdfdf;
		border-bottom:1px solid #ababab;
		border-right:1px solid #cdcdcd;
		border-left:1px solid #cdcdcd;

		-webkit-border-radius: 3px;
	  	   -moz-border-radius: 3px;
	            border-radius: 3px;

	  	-webkit-box-shadow: 0 2px 2px -1px #dddbdb;
           -moz-box-shadow: 0 2px 2px -1px #dddbdb;
                box-shadow: 0 2px 2px -1px #dddbdb;

		}

	.vdtb-button-right-close {
		-webkit-border-radius: 3px 0 0 3px;
	  	   -moz-border-radius: 3px 0 0 3px;
	            border-radius: 3px 0 0 3px;
		}
	.vdtb-button-left-close,
	.vdtb-video-wide-control {
		-webkit-border-radius: 0 3px 3px 0;
	  	   -moz-border-radius: 0 3px 3px 0;
	            border-radius: 0 3px 3px 0;
	            border-left:none !important;
		}

		.vdtb-button:hover,
		.vdtb-page-nav-list li a:hover {
			background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */

		  	-webkit-box-shadow: 0 0 0 0;
	           -moz-box-shadow: 0 0 0 0;
	                box-shadow: 0 0 0 0;

			}


		.vdtb-page-nav-sel .vdtb-pns-body,
		.vdtb-buttons-tabs dt.vdtb-tabs-selected .vdtb-button,
		.bx-rating-yes-active .vdtb-button,
		.bx-rating-no-active .vdtb-button,
		.vdtb-button-active,
		.vdtb-button:active {

			border:1px solid #9a9a9a;
			border-bottom:1px solid #e6e6e6;
			border-right:1px solid #c2c2c2;
			border-left:1px solid #c2c2c2;

			background: -moz-linear-gradient(top,  #dedede 0%, #f1f1f1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #dedede 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #dedede 0%,#f1f1f1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #dedede 0%,#f1f1f1 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #dedede 0%,#f1f1f1 100%); /* W3C */

		  	-webkit-box-shadow: 0 2px 2px -1px #dddbdb;
	           -moz-box-shadow: 0 2px 2px -1px #dddbdb;
	                box-shadow: 0 2px 2px -1px #dddbdb;

		    -webkit-box-shadow: inset 0 4px 7px -1px #9a9a9a;
  			   -moz-box-shadow: inset 0 4px 7px -1px #9a9a9a;
 		 	        box-shadow: inset 0 4px 7px -1px #9a9a9a;

			}


		.vdtb-share {
			display:inline-block;
			float:right;
			-webkit-border-radius: 5px;
	  	       -moz-border-radius: 5px;
	                border-radius: 5px;

	        border:1px solid #ddd;
	        background:#fff;
	        padding:6px 13px;
	        vertical-align:bottom;
	        position:relative;
	        margin-left:20px;
			}
			.vdtb-share img {
				margin: 3px;
			}


	.vdtb-link-button-num {
		color:#888 !important;
		}
	.vdtb-link-button-separator {
		color:#888;
		display:inline-block;
		}


	.vdtb-video-rating-section {
		margin-bottom:26px;
		}
		.vdtb-video-rating-section .vdtb-rating-set {
			margin-right:90px;
			}

	.vdtb-tabs-comments .vdtb-tab-content {
		padding:14px 20px 10px 20px;
		}

	.vdtb-tabs-comments .vdtb-tab-content .vdtb-page-nav  {
		background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-page-nav-sep.gif?v2") left top repeat-x;

		padding-top:19px;
		margin-top:19px;
		}


	.vdtb-tabs-comments .vdtb-tabs-auth-section {
		background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-page-nav-sep.gif?v2") left bottom repeat-x;
		text-align:center;
		padding-bottom:19px;
		margin-bottom:19px;
		margin-top:5px;
		}



	/*  Rating
	--------------------------------------------------- */


			.vdtb-rating-set {
				position:relative;
				top:2px;
				color:#CB7F18;
				line-height:18px;
				width:115px;
				display:inline-block;
				margin-right:60px;
				}
				.vdtb-rating-set:hover .vdtb-rating-voted-count {display:none;}
				.vdtb-rating-set .vdtb-rating-voted-count {
					position:absolute;
					top:0;
					left:0;
					height:14px;
					background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/rating.png?v2") left 0 repeat-x;
					}

				.vdtb-rating-set-items {
					margin:0;
					display:block;
					list-style:none;
					height:14px;
					position:relative;
					}
					.vdtb-rating-set:hover .vdtb-rating-set-items {
						z-index:3;
						width:115px;
						}
				.vdtb-rating-set,
				.vdtb-rating-set:hover .vdtb-rating-set-items {background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/rating.png?v2") left bottom repeat-x;}

				.vdtb-rating-set-items li {float:left;}
					.vdtb-rating-set-items li a {
						display:block;
						width:23px;
						height:14px;
						position:absolute;
						text-decoration:none;
						z-index:3;
						font-size:13px;
						color:#000 !important;
						text-decoration:none !important;
						}
						.vdtb-rating-set-items li a .vdtb-vote-value {
							display:block !important;
							position:absolute;
							top:-2px;
							left:-999px;
							white-space:nowrap;
							background:#ccc;
							background:#fff;
							}
							.vdtb-rating-set-items a:hover .vdtb-vote-value {left:115px; padding-left:10px; }

						.vdtb-rating-set-items li a:hover {
							background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/rating.png?v2") left top repeat-x;
							left:0;
							z-index:2;
							}


						.vdtb-rating-set a.vdtb-vote-star1 {left:0;}
							.vdtb-rating-set a.vdtb-vote-star1:hover {width:23px;}

						.vdtb-rating-set a.vdtb-vote-star2 {left:23px;}
							.vdtb-rating-set a.vdtb-vote-star2:hover {width:46px;}

						.vdtb-rating-set a.vdtb-vote-star3 {left:46px;}
							.vdtb-rating-set a.vdtb-vote-star3:hover {width:69px;}

						.vdtb-rating-set a.vdtb-vote-star4 {left:69px;}
							.vdtb-rating-set a.vdtb-vote-star4:hover {width:92px;}

						.vdtb-rating-set a.vdtb-vote-star5 {left:92px;}
							.vdtb-rating-set a.vdtb-vote-star5:hover {width:115px;}

		.vdtb-rating-voted {
			top:2px;
			width:115px;
			background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/rating.png?v2") left -18px repeat-x;
			}
		.vdtb-rating-voted,
		.vdtb-rating-voted-count {
			position:relative;
			height:14px;
			z-index:1;
			overflow:hidden;
			position:relative;
			display:inline-block;
			}
			.vdtb-rating-voted-count {background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/rating.png?v2") left 0 repeat-x;}

			.vdtb-rating-voted-0 {width:0px;}
			.vdtb-rating-voted-1 {width:23px;}
			.vdtb-rating-voted-2 {width:46px;}
			.vdtb-rating-voted-3 {width:69px;}
			.vdtb-rating-voted-4 {width:92px;}
			.vdtb-rating-voted-5 {width:115px;}


			/*  инлайново можно также выставлять любой процент закрашиваемости,
			вместо rating-voted-5 просто пишем нужный процент:

			style="width:100%;"

			<div class="rating-voted-set" style="width:100%;"></div>

			  */

	.vdtb-rating-voted-small {
		position:relative;
		display:inline-block;
		height:10px;
		background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/rating-smalll.png?v2") left top repeat-x;
		margin:0;
		padding:0;
		text-indent:-999px;
		vertical-align:middle;
		top:-2px;
		}
		.vdtb-rating-voted-small-0 {width:0;}
		.vdtb-rating-voted-small-1 {width:11px;}
		.vdtb-rating-voted-small-2 {width:22px;}
		.vdtb-rating-voted-small-3 {width:33px;}
		.vdtb-rating-voted-small-4 {width:44px;}
		.vdtb-rating-voted-small-5 {width:55px;}


	/*  Rating
	---------------------------------------------end--- */

		.vdtb-comment-item {
			margin-bottom:15px;
			}
			.vdtb-comment-item-author {
				margin-right:14px;
				}
			.vdtb-comment-item-date-time {
				color:#888;
				margin-right:13px;
				font-size:11px;
				}
			.vdtb-comment-item-body {
				margin-top:5px;
				}


	/*  Form elements
	--------------------------------------------------- */

		.vdtb-add-form {
			padding-bottom:10px;
			}
			.vdtb-form-vertical-item {
				margin-bottom:25px;
				}
			.vdtb-form-item {
				margin-bottom:8px;
				}
				.vdtb-form-item-label {
					display:inline-block;
					width:170px;
					text-align:right;
					padding-right:10px;
					position:relative;
					top:7px;
					vertical-align:top;
					}
				.vdtb-form-item-label-space {
					margin-left:184px;
					}
				.custom-select,
				.vdtb-form-item-feild {
					background:#fff;
					border:1px solid #e5e5e5;
					-webkit-border-radius: 5px;
			  	   	   -moz-border-radius: 5px;
			                border-radius: 5px;

			        width:480px;
			        font-family:Arial, serif;
			        font-size:13px;
					outline:none;
					}
				.custom-select:hover,
				.vdtb-form-item-feild:hover,
				.custom-select:focus,
				.vdtb-form-item-feild:focus {
					border:1px solid #414141;

					}
				.vdtb-form-item-feild-small {
					width:246px;
					}
				.vdtb-vertical-label {
					display:block;
					margin-bottom:7px;
					text-align:left;

					}
				input.vdtb-form-item-feild  {
					height:30px;
					padding:0 5px;
					}
				textarea.vdtb-form-item-feild  {
					height:72px;
					padding:5px;
					resize:vertical;
					overflow:auto;
					}
				.custom-select,
				.vdtb-form-item-shadow {
					border-left:2px solid #e5e5e5;
					border-right:2px solid #e5e5e5;
					-webkit-box-shadow: inset 0 6px 5px -6px #b3b1b1;
		   			   -moz-box-shadow: inset 0 6px 5px -6px #b3b1b1;
		  		 	        box-shadow: inset 0 6px 5px -6px #b3b1b1;

					}

				.vdtb-form-info-marker {
					color:#2162ce;
					font-weight:bold;
					}
				.vdtb-form-required-marker {
					color:#ff0000;
					font-weight:bold;
					}

				.vdtb-form-legend-button {
					padding-left:183px;
					}

			.vdtb-form-main-button {
				text-align:center;
				margin-top:35px;
				}
				.vdtb-form-main-button .vdtb-link-button {
					padding:0 45px !important;
					}

				.vdtb-form-input-file {
				position:relative;
				width:490px;
				height:32px;
				margin:0 0 8px 183px;
				padding:0;
				overflow:hidden;
				}
				.vdtb-form-input-file-tag {
					position:absolute;
					top:0;
					right:0;
					z-index:2;

					-khtml-opacity: 0;
					  -moz-opacity: 0;
					       opacity: 0;

					height:200px;
					cursor:pointer;
					font-size:200px;
					}
				.vdtb-form-input-file-bg {
					width:126px;
					height:32px;
					line-height:32px;
					background:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-input-file.png?v2');
					background-position:0 1px;
					font-size:13px;
					text-shadow:1px 1px 0 #fff;
					color:#414141;
					position:absolute;
					top:0;
					left:0;
					padding-left:34px;
					}


				.vdtb-form-input-file-val {
					position:absolute;
					display:block;
					top:50%;
					height:32px;
					margin-top:-15px;
					font-size:11px;
					color:#888;
					left:172px;
					z-index:2;
					width:318px;
					background:none;
					border:none;
					}



	/*  Form elements
	---------------------------------------------end--- */


	.js .vdtb-custom-radio-container .checkbox-on,
	.js .vdtb-custom-radio-container .checkbox-off {
		display:inline-block;
		overflow:hidden;
		position:relative;
		cursor:default;
		background-image:url('/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/custom-checkbox.png?v2');
		background-repeat:no-repeat;
		padding-left:30px;
		height:22px;
		line-height:22px;
		overflow:hidden;
		}
	.js .vdtb-custom-radio-container .checkbox-on input,
	.js .vdtb-custom-radio-container .checkbox-off input {
		position:absolute;
		left:-999px;
		}

	.js .vdtb-custom-radio-container .checkbox-on {

		background-position:0 -43px;
		}
	.js .vdtb-custom-radio-container .checkbox-off {

		background-position:0 0;
		}


	.vdtb-content-numerator {
		margin-bottom:40px;
		margin-left:20px;
		}
		.vdtb-content-numerator-number {
			color:#02930f;
			font-weight:bold;
			}
		.vdtb-content-numerator	.vdtb-content-numerator-number {
			font-size:24px;
			}
		.vdtb-content-numerator-vertical .vdtb-content-numerator-number  {
			font-size:16px;
			}
		.vdtb-content-numerator-item {
			margin-bottom:15px;
			}
		.vdtb-content-numerator-vertical {
			position:absolute;
			width:220px;
			right:0;
			}


	/*  Slider
	--------------------------------------------------- */

	.vdtb-slider-container {
		padding:20px 50px;
		margin-bottom:25px;
		position:relative;
			border:1px solid #9a9a9a;
			border-bottom:1px solid #e6e6e6;
			border-right:1px solid #c2c2c2;
			border-left:1px solid #c2c2c2;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
				    border-radius:5px;
	        background:#f8f8f8;
		  	-webkit-box-shadow: 0 2px 2px -1px #dddbdb;
	           -moz-box-shadow: 0 2px 2px -1px #dddbdb;
	                box-shadow: 0 2px 2px -1px #dddbdb;

		    -webkit-box-shadow: inset 0 4px 7px -1px #9a9a9a;
  			   -moz-box-shadow: inset 0 4px 7px -1px #9a9a9a;
 		 	        box-shadow: inset 0 4px 7px -1px #9a9a9a;
		}
		.vdtb-slider {
			overflow:hidden;
			position:relative;
			}
			.vdtb-slider-list {
				margin:0;
				padding:0;
				list-style-type:none;
				}
				.vdtb-slider-list-item {
					height:100%;
					float:left;
					display:block;
					overflow:hidden;
					}
				.vdtb-slider-list-item a {
					display:block;
					border-style:solid;
					border-color:#222;
					text-decoration:none;
					}
					.vdtb-slider-list-item img{
						display:block;
						border:none;
						max-height:100%;
						max-width:100%;
						}
					.vdtb-slider-list-item a .slider-item-h {
						font-size:16px;
						font-weight:bold;
						}
					.vdtb-slider-list-item a .slider-item-price {
						color:#000;
						}



				.vdtb-slider-prev,
				.vdtb-slider-next {
					width:30px;
					padding:0 !important;
					position:absolute;
					top:40%;
					z-index:3;
					cursor:pointer;
					}

				.vdtb-smaller .slider-prev,
				.vdtb-smaller .slider-next {
					top:0;
					}

				.vdtb-slider-prev {left:-8px;}
				.vdtb-slider-next {right:-8px;}


			.vdtb-slider-container .vdtb-items-list-item-info {
				margin-top:5px;
				}

	/*  Slider
	---------------------------------------------end--- */




	.vdtb-playlist {
		background:#f8f8f8;
		margin-bottom:30px;
		border:1px solid #ddd;
		padding:9px 9px 9px 0;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
			    border-radius:5px;
		}
		.vdtb-playlist-scroll {
			overflow:auto;
			position:relative;
			width:100%;
			height:547px;
			}
			.vdtb-playlist-controls {
				position:absolute;
				width:220px;
				height:100%;
				top:0;
				right:0;
				}
			.vdtb-playlist .vdtb-playlist-item-first .vdtb-playlist-controls {
				top:-8px;
				}
				.vdtb-playlist-control-del {
					position:absolute !important;
					top:20px;
					right:10px;
					padding:0 !important;
					width:28px;
					}


				.vdtb-playlist-content {
					margin-top:-9px;
					}


		.vdtb-playlist .vdtb-items-list {
			padding:0;
			margin:0;
			list-style-type:none;
			position:relative;
			}
			.vdtb-playlist .vdtb-items-list-item {
				margin:0 ;
				padding:0;
				position:relative;
				display:block;
				overflow:hidden;
				width:100%;
				overflow:hidden;
				}
				.vdtb-playlist .vdtb-items-list-item-wrap {
					padding:0 9px;
					position:relative;
					}
				.vdtb-playlist .vdtb-items-list-item-inner {
					padding:18px 0 10px 0;
					border-top:1px solid #d3d3d3;
					position:relative;
					overflow:hidden;
					}

			.vdtb-playlist .vdtb-items-list-item:hover {
				background:#ebebeb;
				}

				.vdtb-playlist  .vdtb-playlist-item-first .vdtb-items-list-item-inner {
					padding-top:10px;
					border-top:none ;
					}
				.vdtb-playlist .vdtb-items-list-item .vdtb-items-list-item-link {
					float:left;
					margin-right:10px;
					width:180px;
					}

					.vdtb-playlist .vdtb-items-list-item .vdtb-items-list-item-body {
						overflow:hidden;
						position:relative;
						margin-right:225px;
						zoom:1;
						}
						.vdtb-playlist .vdtb-items-list-item .vdtb-items-list-item-h {
							line-height:20px;
							text-decoration:none;
							display:inline-block;
							margin-bottom:7px;
							}
						.vdtb-playlist .vdtb-items-list-item .vdtb-items-list-item-info {

							}


/* Content elements
------------------------------------------END--- */


/*  Sidebar elements
------------------------------------------------ */

	.vdtb-tag-cloud {
		text-align:center;
		line-height:25px;
		width:202px;
		}


	.vdtb-alt-main-menu-list {
		padding:0;
		margin:0 0 30px 0;
		list-style-type:none;
		font-size:15px;
		font-weight:bold;
		}
		.vdtb-alt-main-menu-list li {
			padding:0;
			margin:0;
			position:relative;
			}
			.vdtb-alt-main-menu-list a {
				display:block;
				padding:6px  0;
				position:relative;
				zoom:1;
				}



.vdtb-category-menu-panel {
	background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-category-menu-panel.gif?v2") left top repeat-x;
	}

.vdtb-social-block {
	position:relative;
	padding:19px;
	border:1px solid #dddddd;
	background:#f8f8f8;
	margin-bottom:30px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
		    border-radius:4px;
	}
	.vdtb-social-block-h {
		margin-bottom:15px;
		}
	.vdtb-social {
		overflow:hidden;
		margin-left:-15px;
		margin-bottom:18px;
		}
	.vdtb-social-list {
		padding:0;
		margin:0;
		list-style-type:none;
		}
		.vdtb-social-list li {
			padding:0 0 0 15px;
			margin:0;
			position:relative;
			float:left;
			}
			.vdtb-social-list a {
				position:relative;
				display:inline-block;
				padding:0;
				}



/* Sidebar elements
------------------------------------------END--- */


	.vdtb-auth-user-menu {
		width:220px;
		position:relative;
		z-index:2;
		}

	.vdtb-one-col .vdtb-auth-user-menu {
		position:absolute !important;
		top:0;
		right:0;
		}

		.vdtb-auth-user-menu .vdtb-button {
			display:block !important;
			margin-bottom:30px;
			padding:0 22px !important;
			}
			.vdtb-auth-user-menu .vdtb-button img {
				display:inline-block;
				margin-top:-30px;
				position:relative;
				top:10px;
				margin-left:-22px;
				margin-right:10px;
				}
		.vdtb-auth-user-menu:hover .vdtb-auth-user-menu-sub {
			display:block;
			}
			.vdtb-auth-user-menu-sub {
				position:absolute;
				width:190px;
				top:32px;
				right:10px;
				padding-top:10px;
				display:none;
				}
				.vdtb-auth-user-menu-sub-arrow {
					width:20px;
					height:11px;
					position:absolute;
					top:1px;
					margin-left:50%;
					left:-10px;
					background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/vdtb-category-menu-sub-arrow.png?v2") left top no-repeat;
					z-index:2;
					}
				.vdtb-auth-user-menu-sub-content {
					padding:15px;
					font-size:11px;
					background:#fff;
					border:1px solid #f1f2f4;
					-webkit-border-radius:5px;
					   -moz-border-radius:5px;
						    border-radius:5px;
						-webkit-box-shadow: 0 5px 5px #a7aeba;
						  -moz-box-shadow:  0 5px 5px #a7aeba;
						       box-shadow:  0 4px 10px #a7aeba;
					}
					.vdtb-auth-user-menu-sub-h {
						margin-bottom:5px;
						}
					.vdtb-auth-user-menu-sub-list {
						padding:0;
						margin:0;
						list-style-type:none;
						}
						.vdtb-auth-user-menu-sub-list li {
							padding:0;
							margin:0;
							position:relative;
							}
							.vdtb-auth-user-menu-sub-list a {
								display:block;
								padding:4px  0 4px  15px;
								position:relative;
								zoom:1;
								}


/*  Popup
--------------------------------------------------- */


.vdtb-block-popup {
	position:absolute;
	z-index:999;
    left:50%;
    top:50%;

	width:340px;
	margin-left:-170px;



     _top:350px;

	}

	.vdtb-block-popup-control {
		position:absolute;
		width:14px;
		height:14px;
		top:10px;
		right:10px;
		background:url("/bitrix/components/bitrix/asd.tube.catalog/templates/modern/images/block-popup-control.gif") left top no-repeat;
		cursor:pointer;
		z-index:3;
		}
	.vdtb-block-popup-control:hover {
		background-position:-15px 0;
		}

	.vdtb-block-popup-inner {
		padding:30px 40px 50px 40px;
		background:#fff;
		position:relative;
		z-index:2;
		-webkit-box-shadow:  0 0 25px #333232;
		  -moz-box-shadow:  0 0 25px #333232;
		       box-shadow:  0 0 25px #333232;

		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
			    border-radius:5px;

		zoom:1;
		}


.vdtb-fixed {
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;

    _position:absolute;


	}
	.vdtb-shadow {
		background-color:#000;
	    height:100%;
	    left:0;
	    opacity:.5;
	    position:absolute;
	    top:0;
	    width:100%;
		z-index:100;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	}

* html .vdtb-fixed,
* html .vdtb-shadow {
	position:absolute;
	stretch:expression(
		function(t){
			var h = t.parentNode.offsetHeight;
			if (t.h != h) {
				t.style.height = t.h = h;
			}
		}(this)
	);
	}


.vdtb-b-hide {
	visibility:hidden;
	}




/*  Popup
---------------------------------------------end--- */

.errortext{color: red;}
.notetext{color: green;}
/* End */
/* /bitrix/components/bitrix/asd.tube.catalog/templates/modern/style.css?139166622555842 */