﻿@charset "utf-8";
/* CSS Document */
.player_box{background-color: #FFFFFF;border: 1px solid #DFDFDF;height: 280px;padding: 9px 12px 9px 9px;width: 588px;}
.player_ctrl_box {background: none repeat scroll 0 0 #FFFFFF;}
.player_left_on {background-position: -336px 0;width: 39px;}
.player_left_off {background-position: -336px -32px;width: 39px;}
.player_right_on {background-position: -375px 0;width: 36px;}
.player_right_off {background-position: -375px -32px;width: 36px;}
.player_left_off,.player_right_on,.player_left_on,.player_right_off{background-image:url(un_package.png);cursor: pointer;float: left;height: 30px;}

.player_pic{background: url(un_package.png) no-repeat scroll 0 -262px transparent;}
.player_view{background: url(un_package.png) no-repeat scroll -90px -262px transparent;}
.package_seepic .tag01,.package_seepic .tag02,.package_viewscreen .tag01,.package_viewscreen .tag02 {background-image: url(un_package.png);background-repeat: no-repeat;cursor:pointer;}

.player_pic li.tag01 {cursor:pointer;width:38px;}
.player_pic li.tag02 {width:36px;}

.player_view li.tag01 {width:38px;}
.player_view li.tag02 {cursor: pointer;width: 36px;}

.package_seepic .tag01 {background-position: -89px -208px;width: 38px;}
.package_seepic .tag02 {background-position: -127px -208px;width: 37px;}

.package_viewscreen .tag01 {background-position: 0 -208px;width: 38px;}
.package_viewscreen .tag02 {background-position: -39px -208px;width: 37px;}

.index_list li {float: left;height: 212px;padding: 0 6px 8px 0;width: 75px;}
.index_list img {border: 1px solid #CBD2DC;cursor: pointer;display: block;height: 43px;margin: 8px 0 0;width: 73px;}
img.on {border: 1px solid #FF6600;}

.package_name{background-color: #000000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;text-indent: 12px;}
.package_name .btn_start, .package_name .btn_paulse {background: url(un_show_btn.png) no-repeat scroll 8px 8px transparent;text-indent:-9999em;}
.package_name .btn_paulse {background-position: 8px -25px;}
.pic_pev, .pic_next{background-color: #000000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;outline: medium none;}
.pic_pev {
	left:-3px;
	width:33%;
}
.pic_next {right:0;width:66%;}
.pic_pev:hover,.pic_next:hover {background: url(un_icon_arrow.png) no-repeat scroll 0 0 transparent;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.pic_pev:hover {background-position:-46px 50%;}
.pic_next:hover {background-position:310px 50%;}
