/*
 * 文件描述:  CSS MODULE
 * 对应功能页：Preview
 * 期望执行浏览器：所有浏览器(IE8及非IE效果更佳)
*/

.pb-main .sidec {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    width: 215px;
    height: 100%;
    border-radius: 4px;
    text-align: center;
}
.pb-search .ui-form-item span {
    float: left;
    padding-left: 10px;
    line-height: 24px;
}
.pb-search .ui-form-item select {
    display: inline-block;
    float: right;
    margin-right: 10px;
}
.sidec-bot {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}
.pb-result {
    height: 100%;
}
.pb-result .time {
    margin-left: 4px;
    *margin-left: 2px;
}
.pb-result .time input {
    width: 20px;
}
.pb-result .seachbtn{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    vertical-align: top; 
}
.pb-result .icon-pbsearch {
    display: block;
    width: 24px;
    height: 24px;
    background-position: -390px -150px;
}
.pb-type {
    display: inline-block;
    width: 10px;
    height: 10px;
}
.pb-result .item-detail {
    margin-top: 10px;
    padding: 5px 10px;
    text-align: left;
}
.pb-result .list{
    position: relative;
}
.pb-result .u-table-main {
    overflow: auto;
    height: 290px;
}
.pb-table-auto {
    height: 100%;
}
.pb-main .foot {    
}
.pb-control {
    width: 100%;
    height: 34px;
    background-position: 0 -150px;
    background-repeat: repeat;    
}
.pb-icon-ctrl {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 3px 0 0 10px;
    background-position: 0 -150px;
    background-repeat: no-repeat;
    vertical-align: top;
}
.pb-icon-ctrl:hover {
    background-position: -30px -150px;
}
.pb-icon-ctrl i {
    display: block;
    width: 28px;
    height: 28px;
}
.pb-cut a i {
    display: block;
    width: 45px;
    height: 28px;
}
.icon-play {
    background-position: 0 -150px;
}
.icon-stop {
    background-position: -30px -150px;
}
.icon-pause {
    background-position: -60px -150px;
}
.icon-prep {
    background-position: -90px -150px;
}
.icon-nextp {
    background-position: -120px -150px;
}
.icon-slow {
    background-position: -150px -150px;
}
.icon-fast {
    background-position: -180px -150px;
}
.icon-sound {
    background-position: -210px -150px;
}
.pb-icon-ctrl.disabled .icon-sound {
    background-position: -240px -150px;
}
.icon-cut {
    background-position: -270px -150px;
}
.icon-save {
    background-position: -330px -150px;
}
.icon-delect {
    background-position: -480px -150px;
}
.pb-icon-sound {
    display: inline-block;
    width: 70px;
    height: 20px;
    margin: 8px 0 0 8px;
    background-position: -300px -150px;
}
.pb-icon-sound-slider {
    display: block;
    width: 10px;
    height: 20px;
    background-position: -390px -150px;
}
.pb-icon-sound-slider:hover {
    background-position: -420px -150px;
}
.pb-cut {
    float: right;
}
.pb-icon-cut,
.pb-icon-save {
    float: left;
    width: 45px;
    height: 28px;
    margin-top: 3px;
    background-repeat: no-repeat;
    vertical-align: top;
}
.pb-icon-cut {
    background-position: -60px -150px;
}
.pb-icon-cut:hover,
.pb-icon-cut.current {
    background-position: -120px -150px;    
}
.pb-icon-save {
    background-position: -180px -150px;    
}
.pb-icon-save:hover,
.pb-icon-save.current {
    background-position: -240px -150px;
}
.pb-icon-save:hover .icon-delect,
.pb-icon-save.current .icon-delect {
    background-position: -540px -150px;
}
.pb-cut-con {
    float: left;
    width: 150px;
    height: 23px;
    margin-top: 3px;
    padding-top: 3px;
    text-align: center;
}
.pb-cut-con span {
    line-height: 20px;
}
.pb-progress {
    width: 100%;
    height: 50px;
}
.pb-title {
    position: relative;;
    height: 16px;
    margin-bottom:2px;
}
.pb-title .time-title {
    position: absolute;
    top: 0;
    height: 20px;
    text-align: center;
}
.pb-grid {
    position: relative;
    width: 100%;
    height: 10px;
}
.pb-grid .line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 10px;
    z-index: 9;
}
.pb-icon-play {
    position: absolute;
    width: 5px;
    height: 10px;
    background-position: -450px -150px;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 999;
}
.pb-time {
    position: relative;
    width: 100%;    
}
.pb-timetip {
    position: absolute;
    top: 2px;
    width: 64px;
    height: 16px;
    padding-left: 16px;
    z-index: 0;
}
.pb-time-button {
    width: 60px;
    height: 18px;
    line-height: 18px;
    margin-right: 2px;
}
.icon-clock {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -420px -150px;
    vertical-align: top;
}
.pb-tip .videotype {
    float: left;
    padding-left: 100px;
}
.pb-tip .state {
    float: left;
    display: block;
}
.pb-tip input {
    vertical-align: middle;
    margin-left: 10px;
}
.pb-tip .timeselect {
    float: right;
}
.pb-time-button {
    display: inline-block;
    width: 60px;
    height: 18px;
    line-height: 18px;
    margin-right: 2px;
    text-align: center;
    background-position: 0 -60px; 
}
.pb-time-button:hover {
    background-position: 0 -90px;
}
.pb-time-button.current {
    background-position: 0 -120px;
}