#page_content_mov , #page_content_mov_in, .page_content_mov{ height: 176px;
	overflow: hidden;
	width:318px !important; }
#page_content
{
	height: 246px;
	overflow: hidden;
	
	width:318px !important; 
}
.other_video .jScrollPaneTrack {
	/*background: url(/bitrix/templates/sts/plagin/osx_trac.gif) repeat-y;*/
	background:#fff;
}
.other_video .jScrollPaneDrag, .photo-items-list  .jScrollPaneDrag {
	/*background: url(/bitrix/templates/sts/plagin/osx_drag.gif) repeat-y;*/
	background:#a7a7a8;
			}
/*.other_video .jScrollPaneDragTop {
	background: url(/bitrix/templates/sts/plagin/osx_drah.gif) no-repeat;
	height: 9px;
}
.other_video .jScrollPaneDragBottom {
	background: url(/bitrix/templates/sts/plagin/osx_drai.gif) no-repeat;
	height: 9px;
}*/
.other_video a.jScrollArrowUp {
	height: 7px;
	/*background: url(/bitrix/templates/sts/plagin/osx_arro.gif) no-repeat 0 -15px;*/
}
.other_video a.jScrollArrowDown {
	height: 7px;
	/*background: url(/bitrix/templates/sts/plagin/osx_arrp.gif) no-repeat 0 -15px;*/
}		
/* IE SPECIFIC HACKED STYLES */
* html .other_video .jScrollPaneDragBottom {
	/* left: -10px; */
}
/* /IE SPECIFIC HACKED STYLES */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:330px !important; 
	/*height:250px !important;*/
}
.photo-items-list .jScrollPaneContainer { width:690px !important; height:123px !important;}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width:3px !important;
}
.photo-items-list .jScrollPaneTrack { top:inherit; bottom:6px; width:690px !important; background:#fff; left:0 !important;}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
	#scroll-box{overflow:hidden; height: 123px !important;
width: 700px !important;}
		a.jScrollArrowLeft{background:#000;height:20px;border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 10px}
		a.jScrollArrowRight{background:#000;height:20px;border-radius:0 0 10px 0;-moz-border-radius:0 0 10px 0;-webkit-border-radius:0 0 10px 0}
	