@charset "windows-1251";
/* CSS Document */
*{ margin:0; padding:0; outline: none; }
ul{ list-style:none;}
img{ border:none; }
body{  }
.contentBlock{ background:#e9e9e9; width:900px; height:1000px; padding:25px; margin:0 auto; }
.falleryBox{ float:left; width:100%; margin-bottom:40px;  }
.falleryBox .scrollingBox{ position:relative; float:left; width:100%; height:225px; overflow:hidden; }
.falleryBox .scrollingBox .bgL{ position:absolute; z-index:1000; top:0; left:-22px; float:left; width:22px; height:175px; background: url(../images/bgL.png) no-repeat; }
.falleryBox .scrollingBox .bgR{ position:absolute; z-index:1000; top:0; right:-22px; float:right; width:22px; height:175px; background: url(../images/bgR.png) no-repeat; }
.falleryBox .scrollingBox ul{ position:relative; z-index:50; left:0; top:0; float:left; width:2000px; }
.falleryBox .scrollingBox ul li{ position:relative; z-index:1; float:left; padding-right:10px; }
.falleryBox .scrollingBox ul li .maskBox2{ position:absolute; z-index:100; left:0; top:0; display:none; }
.falleryBox .scrollingBox ul li.active{ z-index:11!important; }
.falleryBox .scrollingBox ul li.active .maskBox2{ display:block!important; }

.shadowBox{ float:left; width:100%; height:32px; padding-top:10px; margin-top:-50px; overflow:hidden; background: url(../images/shadow.png) no-repeat center top; }
.shadowBox .pointL{ position:relative; z-index:10; float:left; width: 22px; height:22px; margin-left:10px; overflow:hidden; background: url(../images/points.gif) no-repeat; }
.shadowBox .pointR{ position:relative; z-index:10; float:right; width: 22px; height:22px; margin-right:10px; overflow:hidden; background: url(../images/points.gif) no-repeat 0 -22px; }

.falleryBox .descript{ font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px; }
.falleryBox .descript a{ color:#036; text-decoration:none; }
.falleryBox .descript p{ background: url(../images/ico1.gif) no-repeat 0 4px; font-size:10px; padding:2px 0 0 10px; line-height:13px; color:#000; }
.falleryBox .descript p a{ color:#000; }
.falleryBox .maskBox2 .descript{ position:absolute; z-index:11; left:0; bottom:0; width:100%; height:40px; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px; }
.falleryBox .maskBox2 .descript a{ position:relative; z-index:2; color:#fff; text-decoration:none; }
.falleryBox .maskBox2 .descript p{ position:relative; z-index:2; background: url(../images/ico1.gif) no-repeat 0 4px; font-size:10px; font-weight:normal; padding:2px 0 0 10px; color:#fff; }
.falleryBox .maskBox2 .descript2{ position:absolute; z-index:11; left:0; bottom:0; width:100%; height:40px; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px; }
.falleryBox .maskBox2 .descript2 img.play{ position:relative; z-index:10; float:left; width:42px; height:42px; margin-top:-2px; background: url(../images/play.png) no-repeat; }
.falleryBox .maskBox2 .descript2 div{ padding-left:50px; }
.falleryBox .maskBox2 .descript2 a{ position:relative; z-index:2; color:#fff; text-decoration:none; }
.falleryBox .maskBox2 .descript2 p{ position:relative; z-index:2; background: url(../images/ico1.gif) no-repeat 0 4px; font-size:10px; font-weight:normal; padding:2px 0 0 10px; color:#fff; }


.maskBox1{ position:relative; width:140px; height:105px; overflow:hidden; }
.maskBox1 .mask{ position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background: url(../images/mask1.png) no-repeat; }
.maskBox2{ position:relative; width:290px; height:225px; overflow:hidden; }
.maskBox2 .mask{ position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background: url(../images/mask2.png) no-repeat; }
.maskBox2 .bg{ position:absolute; z-index:2; left:0; bottom: 0; width:100%; height:60px; background:#000; opacity:0.5; filter:alpha(opacity=50); }
.maskBox3{ position:relative; width:100px; height:181px; overflow:hidden; }
.maskBox3 .mask{ position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background: url(../images/mask4.png) no-repeat; }
.maskBox4{ position:relative; width:430px; height:250px; overflow:hidden; }
.maskBox4 .mask{ position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background: url(../images/mask5.png) no-repeat; }
.maskBox4 .bg{ position:absolute; z-index:2; left:0; bottom: 0; width:100%; height:60px; background:#000; opacity:0.5; filter:alpha(opacity=50); }

.newsBox{ float:left; width:100%; margin-bottom:40px; }
.newsBox .scrollingBox{ position:relative; float:left; width:100%; height:250px; overflow:hidden; }
.newsBox .scrollingBox .bgL{ position:absolute; z-index:100; top:0; left:-22px; float:left; width:22px; height:181px; background: url(../images/bgL.png) no-repeat; }
.newsBox .scrollingBox .bgR{ position:absolute; z-index:100; top:0; right:-22px; float:right; width:22px; height:181px; background: url(../images/bgR.png) no-repeat; }
.newsBox ul{ position:relative; z-index:50; left:0; top:0; float:left; width:2000px; }
.newsBox ul li{ position:relative; z-index:1; float:left; padding-right:10px; }
.newsBox ul li .maskBox3{ float:left; }
.newsBox ul li .maskBox4{ position:relative; z-index:100; margin-left:-100px; display:none; float:left; }
.newsBox ul li .active .maskBox4{ display:block; }
.newsBox .maskBox4 .descript{ position:absolute; z-index:11; left:0; bottom:0; width:100%; height:40px; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 20px; }
.newsBox .maskBox4 .descript a{ position:relative; z-index:2; color:#fff; text-decoration:none; }
.newsBox .maskBox4 .descript p{ position:relative; z-index:2; font-size:14px; }
.newsBox .maskBox4 .descript p a{ color:#ccc;}

*html .scrollingBox .bgL{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgL.png', sizingMethod='noscale'); _background:none;}
*html .scrollingBox .bgR{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgR.png', sizingMethod='noscale'); _background:none;}
*html .maskBox1 .mask{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask1.png', sizingMethod='noscale'); _background:none;}
*html .maskBox2 .mask{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask2.png', sizingMethod='noscale'); _background:none;}
*html .maskBox3 .mask{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask3.png', sizingMethod='noscale'); _background:none;}
*html .maskBox4 .mask{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask4.png', sizingMethod='noscale'); _background:none;}
*html .maskBox5 .mask{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask5.png', sizingMethod='noscale'); _background:none;}