/* CSS Document */
/* hp media //baner //video */
div.media_box { width: 990px; border-bottom: 4px solid #cccccc; z-index: 3; height: 50px; /*overflow: hidden;*/ position: relative; }
div.en_media_box { width: 990px; border-bottom: 4px solid #cccccc; z-index: 3; height: 0px; /*overflow: hidden;*/ position: relative; }
div.media_box .top_banner { width: 628px; height: 46px; border-top: 4px solid #2f6f07; float: left; overflow: hidden; }
div.media_box .video_box { height: 50px; }
div.media_box .video_box .last_video { position: absolute; left: -5000px; }
div.media_box .video_box p { border-top: 1px solid #2f6f07; font-weight: normal; font-size: 14px; line-height: 50px; text-align: center; }
div.media_box .video_box p a { padding: 0px 0px 0px 32px; height: auto; line-height: 21px; display: inline-block; text-decoration:  none; color: #ffffff; background: url(../images/css/ico-video-medium.png) 0px 0px no-repeat; position: relative; top: 13px; }
*+HTML BODY div.media_box .video_box p a { display: inline; }
div.media_box .video_box p a:hover { text-decoration: underline; }

div.media_box a.show_banner { display: block; width: 40px; height: 25px; position: absolute; left: 20px; top: 16px; background: url(../images/css/bg-show-hide.png) left top no-repeat; font-size: 0px; line-height: 0px; text-decoration: none; cursor: pointer; }
div.media_box a.show_banner.hide { background-position: left bottom; }
div.media_box a.show_banner:hover { text-decoration: none; }

div.show_box { width: 990px; height: 309px; border-bottom: 4px solid #cccccc; z-index: 3; }
div.show_box .top_banner { width: 628px; height: 305px; border-top: 4px solid #2f6f07; float: left; }
div.media_box .top_banner .banner img {position: relative; top: 0px;}
div.show_box .top_banner .banner img {position: relative; top: -50px;}
div.show_box .top_banner .banner .banner_images img { position: relative; top: 0px; }
div.media_box .top_banner .banner .banner_images .banner_large { display: none; }
div.media_box .top_banner .banner .banner_images .banner_small { display: block; }
div.show_box .top_banner .banner .banner_images .banner_large { display: block; }
div.show_box .top_banner .banner .banner_images .banner_small { display: none; }

div.show_box .video_box { width: 357px; height: 309px; float: right; background: #2f6f07; color: #ffffff; }
div.show_box .video_box .last_video { padding: 25px 30px 0px 30px; width: 297px; display: block; }
div.show_box .video_box h3 { margin: 0px; padding: 15px 0px 10px 0px; font-size: 16px; line-height: 20px; font-family: Arial; font-weight: bold; }
div.show_box .video_box h3 a { padding: 0px 0px 0px 43px;  display: block; background: url(../images/css/bg-videobox-camera.png) 0px center no-repeat; color: #ffffff; text-decoration: none; }
div.show_box .video_box h3 a:hover { text-decoration: underline; }
div.show_box .video_box p { margin: 0px; padding: 0px; border-top: 1px solid #ffffff; font-weight: bold; font-size: 18px; line-height: 46px; text-align: center; }
div.show_box .video_box p a { padding: 0px; background: none; text-decoration:  none; color: #ffffff; }
div.show_box .video_box p a:hover { text-decoration: underline; }
div#nav_box { position: absolute; z-index: 6; left: 80px; bottom: 7px; }
div.show_box div#nav_box { position: absolute; z-index: 6; left: 20px; bottom: 20px; }

div.media_box .en_video_box { height: 50px; overflow: hidden; }
div.media_box .en_video_box img { margin-top: -309px; }
div.show_box  .en_video_box { height: 309px; }
div.show_box  .en_video_box img { margin-top: 0px; }

ul.box_alert { right: 365px; }
div.show_box ul.box_alert { right: 10px; }